Responsive menu wraps to second row (solved)
Testing site at www.lbai.ridgemoormedia.com. If I leave Responsive Menu Initial Width and Grid Width at 1240px (Both are currently at this default in testing site) the menu collapses to mobile at 1118 px. If I set Responsive Menu Initial Width less than 1240px the menu wraps to a second row even though there is sufficient space between the logo and menu. (Logo and search icon on first row and menu wraps to second row). I have tried various combinations of Responsive Menu Initial Width and Grid Width with no success.
If I disable Responsive (In Muffin Builder>Responsive>General) it achieves what I want which is reducing the space between logo and first menu entry however at the expense of losing responsiveness of the site.
What am I missing? I just would like to have the breakpoint to mobile/tablet menu to occur around 1040px without the menu wrapping to a row beneath the logo.
Thank you in advance.
If I disable Responsive (In Muffin Builder>Responsive>General) it achieves what I want which is reducing the space between logo and first menu entry however at the expense of losing responsiveness of the site.
What am I missing? I just would like to have the breakpoint to mobile/tablet menu to occur around 1040px without the menu wrapping to a row beneath the logo.
Thank you in advance.
Comments
please set Responsive Menu Initial Width at 1040px so we can have a look on it.
http://www.lbai.ridgemoormedia.com/wp-content/uploads/trouble/menu-wrap.jpg
This is what I see when I make any browser narrower. The menu wraps when there is still a lot of space between the logo and the "taxation" menu entry. If you continue to make the browser narrower it will become the mobile menu as expected.
Thanks for your help so far.
#Top_bar .menu > li > a span:not(.description) { padding: 0 10px !important; }