Shopify themes, liquid, logos, and UX
Hello.
I am currently using the split theme. I have moved the logo to the centre and the navigation just below using some suggested css code. However when highlighting the menu I see gap between menu and drop down items. As you can see on the screenshot.
any help is highly appreciated.
thanks.
Solved! Go to the solution
This is an accepted solution.
Hi @Leekasey ,
Try replacing the previous code with the below codes.
<style>
.site-nav.style--classic .submenu.mega-menu {
background: #fff!important;
padding-top: 25px!important;
}
</style>
Best Regards,
Makka
Hi @Leekasey ,
Please provide password to enter your store. I will look into the issue and provide CSS accorgingly.
Hi @Leekasey
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above </head> tag
<style>
.site-nav.style--classic .submenu {
background: #fff!important;
padding-top:50px!important;
}
</style>
If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
thank you for getting back to me on this! the solution fixed the issue much appreciated but has caused a new issue to the menu. the padding on the second and third menu has also increased and it looks out of place. thank you for your help in advance.
This is an accepted solution.
Hi @Leekasey ,
Try replacing the previous code with the below codes.
<style>
.site-nav.style--classic .submenu.mega-menu {
background: #fff!important;
padding-top: 25px!important;
}
</style>
Best Regards,
Makka
Thank you ever so much! I appreciate you taking the time to help!
regards.
You're most welcome! It's my pleasure to assist. Should you have any other questions or need further assistance, don't hesitate to reach out. Have a fantastic day!
Best regards,
Makka
Hi @Leekasey
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css
.site-nav.style--classic .submenu.mega-menu {
background: #fff!important;
padding-top: 25px!important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024