Mobile Menu - Search Icon

Store Design
,
1

Hello,

I have an issue with my header icons on mobile view

www.yogaspirit.mu

On all iPhone my search icon appears on top of the drawer menu

TBS2023_0-1743051094004.jpeg
TBS2023_0-1743051094004.jpeg739×1600 87.2 KB

On some mobiles it appears like this

TBS2023_1-1743051140728.jpeg
TBS2023_1-1743051140728.jpeg540×1170 40.1 KB

TBS2023_2-1743051148128.jpeg
TBS2023_2-1743051148128.jpeg716×1600 54 KB

Can you please help to keep it fixed on all types of phone

2

Hi,

Hope this will help

Apply a Fix in CSS

CSS example

@media only screen and (max-width: 768px) {
    .header__icon--search {
        position: absolute; /* Keeps it inside the header */
        right: 15px; /* Adjusts spacing */
        top: 50%; /* Aligns it vertically */
        transform: translateY(-50%); /* Ensures it stays centered */
        z-index: 999; /* Ensures it appears above other elements */
    }
}

Clear cache and check on all devices

3

its still not good on iphone