In which file would I find the css to edit this? What do I change in them? Thank you!
Please tell me detail about this issue, you can send me a screenshot. for further checking.
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 !
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!
you can send me your site & a screenshot for further checking.
Please login or Register to submit your answer