How to make the navigation bar 100% width and taller?

Karl Sellsted
asked 9 years ago

In which file would I find the css to edit this? What do I change in them? Thank you!

2 Answers

DominicStaff
answered 9 years ago

Please tell me detail about this issue, you can send me a screenshot. for further checking.

Karl Sellsted
replied 9 years ago

http://www.thebuhkit.com/wp-content/uploads/2014/09/question-for-navbar.png

DominicStaff
answered 9 years ago

To resolve this issue, you can add the following code to the Header code (Dashboard > Customize > Custom code)

<style>
@media (max-width:979px) {
.site-header .navbar .btn-navbar { height: 70px; }
.navbar-inner { height: 70px; }
.site-header .collapse-search { height: 70px; }
.wrap-navigation .small-logo { height: 60px; background-position: center 15px; }
#main { padding-top: 30px; }
}
</style>

Hope this helps !

Karl Sellsted
replied 9 years ago

Hi Dominic. Thank you! It almost worked…I believe the navbar in all sizes still doesn't touch the edges of the screen (100% width?) Also, it changed the height of the navbar in desktop size. Is there a way to separate the height of the navbar in different views? i.e. mobile, desktop. If so, I would want it to remain the same height in desktop, but change for the mobile.Thank you for all of your efforts!

Dominic Staff
replied 9 years ago

you can send me your site & a screenshot for further checking.