How do you fix nav nab stacking issue?

Hello! I am currently dealing with a responsive issue with the nav bar. While I was reviewing my website for responsive issues, the nav bar is stacking when I reduce the size of my screen size. I cannot seem to find a way to stop the nav bar from stacking. Has anyone found a solution for this issue in squarespace 7.1? I tried the few code snippets I found in the forum, but none of them work. 😞 Would appreciate any help, thanks!

Try adding this to Design > Custom CSS

.header-nav-list {
	flex-wrap: nowrap !important;
}

If it doesn't work, can you share link to your site? We can  check easier

@tuanphan Thank you for reaching out and helping me with this issue. The code WORKED! thank you so much!

Hi there @tuanphan, 
I have an issue where my nav bar is unresponsive when viewed on some mobile devices and some devices in between desktop and mobile size. The nav links get muddled up! I appreciate the above response was for nav options to stack correctly, wondered if you had any good css for this issue 🙏. Thank you!

On 5/5/2022 at 8:44 PM, mayasaff25 said:

Hi there @tuanphan, 
I have an issue where my nav bar is unresponsive when viewed on some mobile devices and some devices in between desktop and mobile size. The nav links get muddled up! I appreciate the above response was for nav options to stack correctly, wondered if you had any good css for this issue 🙏. Thank you!

Can you share link to your site? We can check easier

@tuanphankinase.co.uk 

thank you 🙂 

On 5/9/2022 at 10:35 PM, mayasaff25 said:

@tuanphankinase.co.uk 

thank you 🙂 

Which mobile do you see problems? I checked some * looks fine to me