How can I add a custom color to my main menu bar?

Topic summary

A user is experiencing an issue with a transparent sticky main menu bar that becomes difficult to see when scrolling. They want to add a custom background color to improve visibility.

Proposed Solution:

  • Another participant provided CSS code to add a background color to the navigation menu
  • The code targets the main menu element and applies a blue background color (#0000ff)

Status: The thread appears to have a potential solution, though it’s unclear if the original poster has tested or confirmed whether the CSS fix resolves their issue.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

Hi folks,

I have a sticky main menu on my store. But the background for this menu is transparent so it does not look good while scrolling the web page. How can I add a custom color to the main menu bar?

My store is vollmart24.com

Add this code

nav.main-menu {
  background-color: #ff0000;
}