Jump to content

Max-width Inset Header / Announcement bar with margins on each side

Go to solution Solved by Web_Solutions,

Recommended Posts

Posted

Grateful for any help towards the following...

I'm attempting to get my entire header bar to have a max-width and the dark grey margins on both sides. I was able to only somehow get the right side (see attached screenshot: indicated by the red star), but as for making the full announcement bar (screenshot: circled, left side) have the same dark grey margins, I'm currently at a loss. I do have a secondary header on here as well.
Any ideas?

fplegal.squarespace.com
No website password

Screenshot 2023-11-28 at 3.40.03 PM.jpg

  • Solution
Posted
4 hours ago, thedowntowncreative said:

Grateful for any help towards the following...

I'm attempting to get my entire header bar to have a max-width and the dark grey margins on both sides. I was able to only somehow get the right side (see attached screenshot: indicated by the red star), but as for making the full announcement bar (screenshot: circled, left side) have the same dark grey margins, I'm currently at a loss. I do have a secondary header on here as well.
Any ideas?

fplegal.squarespace.com
No website password

Screenshot 2023-11-28 at 3.40.03 PM.jpg

Just add these code on Custom CSS panel.

body.tweak-subnav-position-top #wm-subnav {
    width: 100% !important;
    left: 0 !important;
}

 

Screenshot_441.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.