Logo, shopping cart and hamburger menu spacing

Store Design
1

Hi there,

I’m looking for help adjusting the position of my logo, shopping cart, and hamburger menu so they align with the picture. I’d appreciate any guidance or tips on how to achieve this. (Please see below for example, move logo and hamburger menu in from right and left slightly)

Thanks in advance for your support!

www.resonancemusiccollective.com

resonancemusic_0-1737279002004.png
resonancemusic_0-1737279002004.png355×414 137 KB

1 Like
2

Hi Resonancemusic

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
sticky-header.header-wrapper.color-scheme-3.gradient {
    padding: 0 6px;
}

Result:

EstherBui_0-1737280097799.png
EstherBui_0-1737280097799.png445×195 49.7 KB

Best,
Esther

3

Hello @resonancemusic

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

header.header.header--middle-left.header--mobile-left {
padding: 0 1.5rem;
}

devcoders_0-1737281412728.png
devcoders_0-1737281412728.png505×344 101 KB

4

Hi @resonancemusic ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css file Add the provided code at the end of the file.

sticky-header.header-wrapper {
    padding: 0 5px !important;
}
5

unfortunately didn’t work thanks for helping

1 Like
6

unfortunately didn’t work thanks for helping

7

Didn’t work unfortunately