Need to highlight a dropdown menu in the header with background color

[thefluxretro]

I added a dropdown menu to my header section (Dawn theme). I had used a code in the theme.liquid section to get my header items to have a background color, but for some reason it does not work on the drop down menu (The one titled ’ Lets hang!". How do I get a background color added here? For reference, this is the code I used that worked on my other 2 menu items.

a#HeaderMenu- { background: #e5e51e; color: black; border-radius: 10px; font-weight: bold; }

My site address (no password needed) is https://fluxmcallen.com/

[Moeed]

Hey @thefluxretro

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dan-From-Ryviu]

Please add this CSS code at the bottom of your base.css file

#HeaderMenu-lets-hang { background: #e5e51e !important; border-radius: 10px; }

[PageFly-Theodor]

Hi @Theluxretro,
This is Theodore from PageFly - Shopify Page Builder App.
For solving the problem about the Highlight A Dropdown Menu In The Header With Background Color, let’s try this solution:
Online Store ->Theme ->Edit code
Assets ->Base.css

summary.list-menu__item {
    
    background: #e5e51e;
    color: black;
    border-radius: 10px;
    font-weight: bold;
}

I’ll be so happy if my suggestion can help to solve your problem. If you have any further questions, please feel free to tell me.
Best regards,
Theodore | PageFly

[syedsumaimaly]

**Hi @thefluxretro **

Follow these Steps:

Go to Online Store Edit Code Find theme.liquid file or base.css

Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

details#Details-HeaderMenu-3 {
background: #e5e51e;
color: black;
border-radius: 10px;
font-weight: bold;
}
.header-wrapper li {
padding: 0 7px;
}

[David_SHT]

Hi @thefluxretro ,

This is David at SalesHunterThemes.

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code.

Go Assets folder → base.css file.

Add this following code at the bottom of page.

summary.list-menu__item {
    background: #e5e51e;
    color: black;
    border-radius: 10px;
    font-weight: bold;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[thefluxretro]

Thank you, this worked for what I needed

[Moeed]

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.