Adjust header words placement

Store Design
, , ,
1

Can someone help me fix the word Login so it doesn’t overlap the word Cart?

https://uniquegiftsandkeepsakes.com/

geefle

Thanks in advance!

cinderella518_0-1743255621526.jpeg
cinderella518_0-1743255621526.jpeg1164×101 9.3 KB

2 Likes
2

Please paste the code in the end of base.css file. Here is how you can find base.css file.

Go to Shopify Admin > Online Store > Edit Code > Base.css

In the end of this file paste the following code.

.header__icon--account {
    margin: 0px 25px 0px 0px;
}

Result:

thescriptflow_0-1743256036251.png
thescriptflow_0-1743256036251.png1565×166 55.2 KB

If this was helpful mark as Solution and Like it.

Thanks

3

Hello @cinderella518

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.header__icon:not(.header__icon--summary), .header__icon span {
justify-content: flex-start!important;
}

devcoders_0-1743257475428.png
devcoders_0-1743257475428.png1317×402 328 KB

1 Like
4

Hey @cinderella518

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1743258044849.png
Moeed_0-1743258044849.png1896×911 265 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

It worked thank you!