When I scroll the search icon becomes unaligned

Store Design
,
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
captionlee_1-1711943187301.jpeg880×124 11 KB

1 Like
2

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

1 Like
3

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

4

It worked, thank you