Wrap primary nav menu so that it takes up two rows


#1

Just started using Jupiter. I’ve searched for help on this topic, but haven’t been able to find it so far. I want to wrap our primary nav menu at the top of the page so that it will wrap down into a second row.

Here is the development server that I’m working on: http://onlinebreathwork.net/

I want it to look like this primary nav does: https://breathworkonline.com/

thank you!


#2

Hello,

Please add this code in Theme Options > Advanced > Custom CSS:

.mk-header-nav-container {
    width: 800px !important;
}
.main-navigation-ul>li.menu-item {
    height: 40px !important;
    line-height: 40px !important;
}

Also increase the header height a bit in Theme Options > Header > Header Height.

Best regards,
Artbees Support.