Funky menu between break points

Support
#1

Hello,

On http://ashcroft-art.com my client has just noticed that what seems like between break points from small lap top to the apple iPad sizes, the menu dips out of the header area before it switches to the drop down icon menu. It seems like it is just about 100 pixels wide or so where it breaks this way.

How can I resolve this?

#2

Hi,

You can adjust the font size and spacing of your menu items under X> Launch> Options > Header > LINKS – TEXT > NAVBAR FONT SIZE (PX) and X> Launch> Options > Header > LINKS – ALIGNMENT >NAVBAR TOP LINK SPACING (PX)

OR we can make the mobile button appear earlier by adding the code below in X> Launch> Options > CSS

@media (max-width: 1060px) {
.masthead-inline .x-btn-navbar {
    display: block;
    float: right;
}

.x-nav-wrap.desktop {
    display:none;
}

.x-nav-wrap.mobile {
    display:block;
}

.x-nav-wrap.mobile.collapse {
    display:none;
}

.x-nav-wrap.mobile.collapse.in {
    display:block !important;
}
}

Hope that helps

#3

Thank you!

I did edit the nav alignment and spacing, but the client doesn’t like where it sits so I’ll try the other option.

#4

You’re most! It’s good to know that.
If you need anything else we can help you with, don’t hesitate to open another thread.