Jump to content

How to get navbar on one line with keeping slideshow center

Recommended Posts

Site URL: https://www.northwoodsfarmny.com/

I am having trouble getting my navigation bar on one line while keeping my slideshow below it center on different displays.

I was using the code 

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

but when I do it throws off the formatting on the site and nothing seems to stay center on multiple displays? I attached an image to show what it looks like with this code and without.

If anyone could give me a little insight it would be very much appreciated! 

Password: password

centerNav.PNG

noCode.PNG

Edited by FarmerJoe
Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 3/30/2022 at 9:30 PM, FarmerJoe said:

Site URL: https://www.northwoodsfarmny.com/

I am having trouble getting my navigation bar on one line while keeping my slideshow below it center on different displays.

I was using the code 

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

but when I do it throws off the formatting on the site and nothing seems to stay center on multiple displays? I attached an image to show what it looks like with this code and without.

If anyone could give me a little insight it would be very much appreciated! 

Password: password

centerNav.PNG

noCode.PNG

I check that it looks fine at the moment

image.thumb.png.55993814e17faba360bbb09a67f3edca.png

Do you still need help?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

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.