Jump to content

Make dynamic header change logo size and position

Recommended Posts

Posted
4 hours ago, hudson_lee02 said:

Site URL: https://pear-hyperboloid-dn2z.squarespace.com/

Password :: ProfileSite22

I am looking to change this dynamic header so when scrolled down it still makes the gold background colour, but I also need it to make the logo smaller and move its position to the top left.

Add this code on Custom CSS section

.shrink {
  .header-title-nav-wrapper{
    flex-direction: row-reverse !important;
  }
  .header-title-logo{
    width: 60% !important;
  }
}

 

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.