Navigation Bar - Static question, how do i do it?

Hi I'm designing a website and have noticed that my navigation bar becomes distorted depending on the size of the screen and also when the window is minimized. I've attached to images below.

Is there any way to code it to be fixed or to move to always be aligned no matter what kind of screen it's viewed on?

What it looks like normally:

And what it looks like on a smaller screen or minimized:

Thanks in advance!! 🙂

There's not enough space for all those words + the spacing in between them. I would bring down the spacing between items, or set your mobile breakpoint to a higher value so the website uses the mobile header when the words no longer fit.

On 1/7/2020 at 9:21 PM, Vigasan said:

There's not enough space for all those words + the spacing in between them. I would bring down the spacing between items, or set your mobile breakpoint to a higher value so the website uses the mobile header when the words no longer fit.

How /where do you change the mobile breakpoint?

Thank you so much for your help! 🙂

1 minute ago, ecs_cares said:

How /where do you change the mobile breakpoint?

If the template supports it, in Design > Site Styles.