Hi, my logo is round and I have it displaying at a large size in the header, but this means when scrolling down the page, the sticky header is very big and takes up too much space because the logo stays the same size. It also makes the logo too prominent on the page when browsing. Any idea how I can make the logo display smaller in the sticky header when scrolling down but keep it at a large size in the header? Failing that is there a way of leaving the logo out of the sticky header alltogether?
Here is an example of what I am trying to achieve: https://getmicroglow.com/
I am using turbo theme from out of the sandbox (same as the theme in the example site)
Any advice appreciated
You need to adjust these settings. If it didn't fixed your issues, Please share your website URL so we can assist you better.
If it works for you leave a LIKE to let me know.
@vivame , These screenshots are from Turbo Theme.
@vivame, for more check this official documentation. https://help.outofthesandbox.com/hc/en-us/articles/360012727234-Turbo-Guide-Header
You can add padding using simple CSS.
Share you website URL or add me as staff so I can check.
You can try adding some CSS to the bottom of the styles.scss.liquid file (Online store > Themes > Actions > Edit code > Assets > styles.scss.liquid)
Please leave a LIKE if it works for You. If need any assiatance add me as a staff.