Hi @Leekasey ,
Please provide password to enter your store. I will look into the issue and provide CSS accorgingly.
Topic summary
Issue: In the Split theme, after centering the logo and moving navigation below via custom CSS, a visible gap appeared between the main menu and its dropdowns (shown in screenshots).
Actions taken:
- A helper requested storefront access and provided CSS to add in theme.liquid. This removed the gap but increased padding on the second and third menu levels, making them look misaligned.
- The helper then supplied a revised CSS replacement, which corrected the padding issue.
Outcome: The menu gap and padding problems were resolved to the requester’s satisfaction. The thread includes screenshots that are central to understanding the spacing issues.
Additional suggestion: Another contributor proposed an alternative CSS tweak in Assets > base.css, targeting “.site-nav.style–classic .submenu.mega-menu” to set a white background and add 25px top padding.
Status: Resolved. Primary fix came from updated CSS in theme.liquid; an optional alternative CSS approach was also provided for styling the dropdown’s background and spacing.