Menu icons

Store Design
, ,
1

Hi, I would like to get some advice or code if possible. I upped the heading font scale size for readability, however, this pushed my logo from the centre on mobile. Is there a way to keep the size of the menu, search and cart icons but reduce their padding or something to get them to move further to the left and right so that the lgo has space to be centred again? Thank you so much. website: www.stagtis.com

Screenshot 2024-04-06 152038.png
Screenshot 2024-04-06 152038.png463×758 355 KB

1 Like
2

Hello @Stagtis ,

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

Step 1: Online Store → Themes → Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

3

Hi there @Stagtis

try this code

.header {
    padding: 0 1rem;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    justify-content: space-between;
}

paste this code in base.css to very bottom.

If you are unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!

4

hi, thanks but this only shrunk my logo

5

hi @PageFly-Amelia , this worked great thanks so much. I just moved the drawer to the right by 1 rem to taste. how could I move the cart to the left by 1 rem to match while keeping the search where it is?

6

Hello @Stagtis

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

Step 1: Online Store → Themes → Edit Code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

7

thank you