How can I fix the header and footer alignment on my website?

Store Design
1

hello,

After playing around seeing if I could fix the alignment issue, It is still displaying incorrectly,

Could anyone help coding the header/footer so its back in the center

This is also appears out of line on the mobile site aswell.

www.vapedistillery.com

Screenshot 2022-03-07 at 11.00.20.png

IMG_1221.PNG
IMG_1221.PNG1242×2688 474 KB

1 Like
2

@Vapedistillery

Your header and footer are completely distorted. Please take expert help

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on mail | Shopify Design Changes | Custom Modifications In to Shopify Theme

3

@Vapedistillery

Please add the following CSS code to your assets/stylesheet.css bottom of the file.

@media screen and ( max-width: 740px ) {
#header {
    position: relative;
    padding-top: 10px;
    padding: 0px 0px 20px 0px !important;
}

#logo a {
    font-size: 0;
    display: block;
    margin: 0 auto !important;
    text-align: center !important;
}
}

Thanks!

1 Like
4

Thankyou, this has worked on mobile,

could you do the same for desktop aswell please?