Tips and Tricks

How to Fix Nav Menu Background Color

Estimated reading: 1 minute 16 views

To resolve this issue, please follow the steps below:

1. Menu Wrapper Style (used to customize the menu wrapper style) :

  • Click Style → Menu Wrapper.
  • Customize the wrapper background color.

2. Menu Style (used to customize the menu style) :

  • Click Style → Menu Style.
  • Customize the typography, position, horizontal and vertical padding, space between, radius, text, and background color.

3. Submenu Style (used to customize the submenu style) :

  • Click Style → Submenu Style.
  • Customize the typography, border, horizontal and vertical padding, space between, submenu icon color and size, alignment, radius, text, and background color.

4. Hamburger Style (used to customize the hamburger style) :

  • Click Style → Hamburger Style.
  • Customize the icon alignment, padding, radius, icon size, background, icon, and border color.

5. Don’t forget to click Publish to save the changes.

6. Don’t forget to make sure you also Clear Cache and Preview Changes:

  • After making the adjustments, clear your website cache and browser cache.
  • Refresh your website to preview the updated styles.

Share this Doc

How to Fix Nav Menu Background Color

Or copy link

CONTENTS