hudson_lee02 Posted August 8, 2022 Share Posted August 8, 2022 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. Link to comment
Beyondspace Posted August 9, 2022 Share Posted August 9, 2022 11 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. Your is expired now. Kindly check it again BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
hudson_lee02 Posted August 26, 2022 Author Share Posted August 26, 2022 On 8/8/2022 at 9:04 PM, bangank36 said: Your is expired now. Kindly check it again Apologies, the site has been published now. Link to comment
tuanphan Posted August 28, 2022 Share Posted August 28, 2022 On 8/8/2022 at 11:24 PM, 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. It looks like you solved with this CSS code? .shrink .header-title-nav-wrapper { flex-direction: row-reverse !important } .shrink .header-title-logo { width: 60% !important } [data-header-style="dynamic"].header.shrink { background: #a69565 } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment