Hello, I’m having issues with my site header after adding padding to the top and bottom header. Firstly, the header elements don’t line up perfectly with the site body (as seen in picture one) and secondly, there is a gap between the bottom header and its drop down menus which I would like to close…

Hello @Ivnvu It’s GemPages support team and glad to support you today. You can follow these steps: Go to Online Store → Theme → Edit code Open your theme.liquid theme file Paste below code before : If you require any further information, feel free to contact me. Best regards, GemPages Suppo…

I am glad that my recommendation is helpful to you :grin: .

How can I fix alignment and gap issues in my site header?

Store Design

GemPages December 15, 2022, 7:33am 4

I am glad that my recommendation is helpful to you .

Topic		Replies	Views
Weird Gap Header to Page Store Design liquid , design , header , troubleshooting	9	121	April 29, 2025
How am I able to fix this gap in my header? Store Design menu , design , header , customizations , css	1	57	September 5, 2024
How can I decrease header padding and change design layout? Store Design	3	249	November 29, 2022
How can I align my website header with the rest of the page? Store Design header , landing-page , shopify-themes	2	42	August 23, 2023
How can I adjust the header spacing in the Minimal Theme? Store Design	10	101	September 8, 2021

How can I fix alignment and gap issues in my site header?

Related topics