Sticky header and the menu
Hi BeTheme Gurus,
I love the sticky header on our site (http://cornerstonelc.com/). However, I can't figure out how to have the menu (it is also "sticky") not have a transparent background. The logo is on the bar all by itself while the menu items are below it. Is it possible to have them in one row? Is there a setting I'm missing somewhere?
Thank you! Loving BeTheme.
Best,
Jason
Jason
Comments
your menu items are below because you got too many menu items and there is not enough space in sticky header to display them in one row. So if you want to display logo an menu items in one row, please use below css to decrease padding between items:
#Top_bar.is-sticky .menu > li > a span:not(.description) { padding: 0 15px !important; }