Stop Navigation From Stacking

Site URL: https://www.quilla.design/

Hiya Squarespace Forum! 

I need some desperate help with my navigation. I am currently using the Split Navigation code from S-E Web Design but the moment I get on a laptop or mess with the window size, it stacks fairly quickly.

I am trying to make the header have the absolute max width it can have to prevent this from occurring, but I cannot find any CSS to do this. I am hoping that I can prevent this from happening all together, so once the window is small enough it automatically turns into a mobile menu. 

PLEASE HELP! 

2 hours ago, VIRGO818 said:

I am currently using the Split Navigation code from S-E Web Design but the moment I get on a laptop or mess with the window size, it stacks fairly quickly.

@VIRGO818 Have you contacted @Chris.SE (the author of the code) to see if he can help?

Hiya Paul! I actually have not! thank you so much for adding them to this post! 

@VIRGO818 Hi! You can add this code under Websites > Pages > Website Tools > Custom CSS to address the issue:

#header .header-layout-branding-center-nav-center .header-display-desktop .header-title-nav-wrapper {
    flex: unset !important;
    flex-grow: 1 !important;
}

#header .header-layout-branding-center-nav-center .header-display-desktop .header-actions {
    width: unset !important;
    flex: unset !important;
    max-width: unset !important;
}

Hi @VIRGO818, in the CSS you can change the @actionSize to 0px since you don't have a header button or socials. Let me know if that fixes the issue!