Solved

When I scroll the search icon becomes unaligned

captionlee
Visitor
2 0 1

my header sticky the search icon becomes unaligned when i scroll like below. It only happens when the header sticky.

captionlee_1-1711943187301.jpeg

 

Accepted Solution (1)

PageFly-Amelia
Trailblazer
150 49 58

This is an accepted solution.

Hello @captionlee 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code 

@media  (max-width: 767px){
summary.header__icon.header__icon--search svg {
    margin-bottom: 13vw !important;
}}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | 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.


Optimize your store’s mobile shopping experience with the Blum theme.

View solution in original post

Replies 3 (3)

PageFly-Amelia
Trailblazer
150 49 58

This is an accepted solution.

Hello @captionlee 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code 

@media  (max-width: 767px){
summary.header__icon.header__icon--search svg {
    margin-bottom: 13vw !important;
}}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | 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.


Optimize your store’s mobile shopping experience with the Blum theme.

captionlee
Visitor
2 0 1

It worked, thank you

PageFly-Noah
Astronaut
866 175 194

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

 

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.