Jump to content

7.1 CSS Help: how to move image logo closer to navbar

Recommended Posts

Site URL: https://sandralynnallendesign.squarespace.com/

Hi, could someone help me with a CSS solution to move the logo image in header closer to the navigation bar?

I'd like the left-justified logo image and right-justified navbar in heading to line up / align with the content width of 77.  (Or close to it. I can adjust content width, but just as long as the edge of the logo and edge of the navbar align directly with the content as pictured below)  

Thanks so much for your help!

https://sandralynnallendesign.squarespace.com/

Password: 1234

Screen Shot 2020-04-29 at 2.36.26 PM.png

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

44 minutes ago, tuanphan said:

Which page?

Thank you.

  1. I would like to change this on the About, Process, Testimonials and Contact pages, please. 
  2. If I need to change on every page on the site, would you be able to show me how to do this as well?  

Thank you so much! 

Link to comment

Add to Home > Design > Custom CSS

@media screen and (min-width:992px) {
.header-announcement-bar-wrapper {
    padding-left: 10vw !important;
    padding-right: 10vw !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.