Re: How to add a floating logo over the entire site?

How to add a floating logo over the entire site?

muggyloot
Visitor
2 0 1

https://www.acnestudios.com/us/en/home

 

Acne Studios has a cool effect where their logo floats over the entire home page as you scroll. I'm wondering if it is possible to accomplish this in Shopify? Thanks!

 

 

Replies 2 (2)

PageFly-Noah
Shopify Partner
1317 233 280

This is Noah from PageFly - Shopify Page Builder App

 

Hi @muggyloot  Yes you can. Please add code here to do it. If not you need send url website because I need check element header in your website.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<style>
  header{
   position: sticky !important;
   top: 0 !important; 
  height: auto !important;
 }
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

muggyloot
Visitor
2 0 1

Hey, I tried that and it's not working. my site is https://modrnflair.com/ the password is flairhead