Padding and alignment

Store Design
,
1

Hi

Can anyone help me add some padding above the logo and underneath the announcement bar?

Plus I’d also like to move the logos and symbols in from each end of the header so they align with the images and the rest of the home page.

Thanks

Screenshot 2025-01-15 at 13.08.45.png
Screenshot 2025-01-15 at 13.08.45.png2252×452 95.3 KB

2

Hello, @Angie_Freese
Please share “Store URL”
Thanks!

3

@Angie_Freese

Please share your store URL!

Thanks!

4

Hi @Angie_Freese , kindly provide your store URL please and if it is password protected, please share the password as well. Thanks

5

Hi it’s www.oflifeandlemons.co.uk

Thanks

Angie

6

Hi @Angie_Freese

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

Result:

topnewyork_0-1736950458399.png
topnewyork_0-1736950458399.png873×142 10.3 KB

If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!

7

Thank you! That’s sorted out the padding above the logo perfectly. Is there any way of this not translating to the mobile version? Now there is too large a gap on the mobile.

It also hasn’t made any adjustment to the alignment

Thanks

Angie

8

@Angie_Freese Add this code also, as per above steps:

@media (max-width: 768px) {
header {
    padding-top: 0px !important;
}
}

If you find my advice helpful please remember to LIKE and accept as SOLUTION.
Thanks!

9

Hi - is this for the mobile view? I’ve pasted it in and it’s not made any difference. Where should I put it exactly in terms of the first code you gave me?

Thanks

Angie