Jump to content

Navigation Stacking

Recommended Posts

Site URL: https://www.kylesmith.live/

Hello all,

I'm having an issue with my navigation bar in my new music website: www.kylesmith.live

Template is Aria

Depending on the screen size of the computer that I'm viewing my site on, the navigation bar may display all seven links in landscape form (desired) or stack them into two (sometimes three) separate rows. I'd like to keep the latter from happening by somehow "freezing" the navigation bar into landscape form.

When the links are stacked, the images behind the links resize as well, overwriting my crop settings. My hope is that freezing the nav bar will keep this from happening too.

I have no experience with code, but I've been told that my issue may require a custom code. I've tried changing font sizes, toggling between full width, constrained width, and full background settings, padding, etc. Nothing seems to help. I notice the issue when I zoom in to 150% on my desktop, but also at default 100% on a 19 inch laptop screen.

Any help would be appreciated!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Add to Home > Design > Custom CSS

.Header-inner.Header-inner--bottom {
    flex-direction: column;
[data-nc-container="bottom-center"] {
    width: 100% !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.