Mobile icons not inline with logo

[Luxurymrkt]

Hi on mobile when not logged in the icons search and heart are not online and move down

https://luxurymrkt.com/collections/womenswear/products/bottega-veneta-intrecciato-patent-black-leather-flap-small-shoulder-bag

please see pic

[BSSCommerce-HDL]

Hi @Luxurymrkt ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

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

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

a.site-nav__link.site-nav__link--icon.js-search-header, a.wk-link {
    padding-top: 3.5px !important;
}

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

[Luxurymrkt]

this unfortunately did’nt work any other suggestions?

[Made4uo-Ribe]

Hi @Luxurymrkt

check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 768px) {
a.site-nav__link.site-nav__link--icon.js-search-header {
    top: 0 !important;
}
}

And Save.

result:

[BSSCommerce-HDL]

Hi @Luxurymrkt ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

Step 3: Inside tag head. You need create style tags. After you’ll insert my code inside it

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