Shopify themes, liquid, logos, and UX
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 (as seen in picture two). I thought maybe someone has an idea about how to solve it 🙂
I appreciate any help, thanks in advance!
My store: gryningens (Local Theme)
Solved! Go to the solution
This is an accepted solution.
Hello @Ivnvu
It's GemPages support team and glad to support you today. You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
@media screen and (max-width: 1920px){
.site-nav.style--classic nav>ul {
margin-inline-start: -1.25rem;
-webkit-margin-start: -1.25rem;
}
}
.header-container .header-actions>.button[aria-controls="site-cart-sidebar"]{
margin-right: 0;
}
.site-nav.style--classic .submenu{
margin-top: -13px;
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
This is an accepted solution.
Hello @Ivnvu
It's GemPages support team and glad to support you today. You can follow these steps:
1. Go to Online Store -> Theme -> Edit code
2. Open your theme.liquid theme file
3. Paste below code before </body> :
<style>
@media screen and (max-width: 1920px){
.site-nav.style--classic nav>ul {
margin-inline-start: -1.25rem;
-webkit-margin-start: -1.25rem;
}
}
.header-container .header-actions>.button[aria-controls="site-cart-sidebar"]{
margin-right: 0;
}
.site-nav.style--classic .submenu{
margin-top: -13px;
}
</style>
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Many thanks!
I am glad that my recommendation is helpful to you 😁.
User | RANK |
---|---|
74 | |
69 | |
62 | |
59 | |
43 |
As a business owner, have you ever wondered when your customer's first impression of yo...
By Skye Jun 6, 2023We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023