Padding and alignment

[Angie_Freese]

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

[topnewyork]

Hello, @Angie_Freese 
Please share "Store URL"
Thanks!

[dmwwebartisan]

@Angie_Freese 

Please share your store URL!

Thanks!

[websensepro]

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

[Angie_Freese]

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

[topnewyork]

@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!

[Angie_Freese]

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

[Angie_Freese]

Hi it's www.oflifeandlemons.co.uk

Thanks

Angie

[topnewyork · Accepted solution]

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 </head>

<style>
header {
    padding-top: 20px !important;
}
.cart--container {
        margin-bottom: -10rem !important;
    }
</style>

Result:

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