Jump to content

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

Recommended Posts

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:

1829629616_ScreenShot2020-01-07at2_14_16PM.thumb.png.dec08689b32c30025123f3a500aa7e13.png

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

1709908147_ScreenShot2020-01-07at2_14_06PM.thumb.png.9150d5be350dbd4830cf72509d97b328.png

Thanks in advance!! 🙂

Link to comment
  • Replies 3
  • Created
  • Last Reply

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.

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized Trainer, Squarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can.

Squarespace Plugins | Book Live Help | Squarespace Video Tutorials | Buy Me a Coffee

Link to comment
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! 🙂

Link to comment
1 minute ago, ecs_cares said:

How /where do you change the mobile breakpoint?

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

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.