Header icons

Technical Q&A
4

Hi @Hanaa83 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid

Step 3: Insert the below code at the bottom of the file → Save

@media (max-width: 800px) {
    summary.header__icon.header__icon--search.header__icon--summary.link.focus-inset.modal__toggle {
        top: 0 !important;
        right: 0 !important;
    }
}

Here is result:

BSSCommerceB2B_1-1720405017899.png
BSSCommerceB2B_1-1720405017899.png557×219 17.7 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you