Remove padding mega menu and add some

Store Design
, , , , , , , , , ,

Topic summary

A user seeks to adjust their Shopify store’s mega menu alignment and spacing:

Issues identified:

  • Menu doesn’t align with the search bar due to unwanted padding
  • Needs additional spacing above the first menu category

Proposed solution:

  • Remove left padding from the navigation container using padding-left: 0 !important;
  • Add top padding to the menu list (e.g., padding-top: 15px;)

Implementation steps:

  1. Access Shopify admin: Online Store > Themes > Edit Code
  2. Locate the theme’s CSS file (theme.css or base.css)
  3. Add the CSS rules at the end of the file
  4. Save and preview changes

The discussion remains open with one suggested solution provided but no confirmation of implementation or results yet.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I want to remove padding so the menu lines up with the search bar. my site is https://vazluxe.com

add.png
add.png2086×850 168 KB

I also want to add some padding up top before the first category of menu starts

2

To align the navigation menu with the search bar in your Shopify store while also adding some padding above the first category, you need to modify your theme’s CSS by removing any existing left padding from the navigation menu container using padding-left: 0 !important; and then adding a padding-top value to the menu list, such as padding-top: 15px;, to create the necessary spacing before the first category appears, which can be done by accessing your Shopify admin panel, navigating to Online Store > Themes, selecting Edit Code for your active theme, locating the theme.css or base.css file, adding the provided CSS rules at the end of the file, saving the changes, and previewing your store to ensure the modifications align the menu properly and improve the overall layout.