Backround color of menu bar and drop down menu

Topic summary

Main issue: customize a Shopify store’s navigation styling via CSS—make the menu bar background more visible, color the “OUTLET” menu item differently, and change the dropdown menu background for better visibility.

Context: The store URL and screenshots were provided to show the current design. CSS (Cascading Style Sheets) changes are requested within the theme to target the top menu and its dropdowns.

Latest update: A helper asked for exact color codes to supply CSS. The store owner provided red (#FF0000) specifically for the “OUTLET” menu item and shared the collection link associated with it. They want to implement the OUTLET color first, then proceed.

Status and next steps:

  • Pending: Helper to provide CSS snippets targeting the menu bar background, the “OUTLET” item (red #FF0000), and the dropdown menu background.
  • Unspecified: Exact colors for the overall menu bar and dropdown (beyond OUTLET) have not been provided.
  • Resolution: Not yet resolved; awaits CSS and possibly additional color codes.

Notes: Screenshots are central for visual context.

Summarized with AI on January 7. AI used: gpt-5.

Hey all! I’m trying to change the colour of the menu bar and aditionaly to that, change the color of OUTLET in the menu bar. DO you have any solution where to do that.

Our website. www.sportstation.si

  1. change the backround color of menu bar to be more visible and OUTLET in different colours from others

  1. when i open drop down, I would like to change color too. To be more visible.

thank you

Hey @Sportstation12

Could you kindly provide me with the color codes? This will help me to send you the CSS code.

Thanks

Hi Thank you for your answer!

For OUTLET menu item i would need red color FF0000. (https://sportstation.si/collections/znizano)

First if we can try this.

Thanks