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

Karl Sellsted
asked 11 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 11 years ago

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

Karl Sellsted
replied 11 years ago

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

DominicStaff
answered 11 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 11 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 11 years ago

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