Changing the color of the Menu Bar

Viewing 10 posts - 1 through 10 (of 10 total)

February 17, 2017 at 9:32 pm February 17, 2017 #22863

Bridgette555
Participant

I am trying to update the color of my menu bar. I used to be able to do it by going to the customize theme menu and clicking colors. There was an option there to change the color and now I don’t see it. I only see the option to change the color of the background. Can anyone help me with this?

Thank you!

February 20, 2017 at 10:24 pm February 20, 2017 #22865

Ueli
Participant

Hi, I have the same question.

I want to change the Color of the menu bar but there is whether an option nor a php/css file to change the color.
Of course it must be in one of the php or css files, but in whichone? Or is there a hidden option?

Thank you for any help.

February 20, 2017 at 10:26 pm February 20, 2017 #22866

Bridgette555
Participant

I actually found it. If you click appearance and select “Theme Appearance”, select the “design” tab and you can change it there.
I hope that helps!

February 20, 2017 at 10:37 pm February 20, 2017 #22867

Ueli
Participant

wow, thank you very much, its so easy but I just could not find it, Thank You! 🙂

May 23, 2017 at 7:04 am May 23, 2017 #22924

PaulLeitner
Participant

Hi, I changed the color of my menu background, but it remains the same color as before for mobile devices. Did anybody see that as well? Is that a bug or a feature? 🙂 How can it be corrected? Thx

August 3, 2017 at 8:35 pm August 3, 2017 #23003

Ghani
Participant

I have the same problem, menu colors on PC are as defined, mobile version menu is with black background and black font.
See http://www.florimi.cz
Please hlep!

And finally, I would like to thanx for such a good theme.
August 3, 2017 at 8:45 pm August 3, 2017 #23004

Daniel Tara
Keymaster
@Ghani you can add these rules to custom CSS to make the mobile navigation consistent with the desktop version:
```
@media screen and (max-width: 760px) {
    #access:target .menu {
        margin-top: 213px;
        background: #fcccbc;
    }

    #access:target .menu a {
        border-color: #fcccbc;
    }
}
```
August 3, 2017 at 8:52 pm August 3, 2017 #23005

Ghani
Participant

Dear Daniel, Thank you very much for your quick answer BUT
What about drop down mobile menu color?
August 3, 2017 at 9:15 pm August 3, 2017 #23006

Daniel Tara
Keymaster
Add this as well:
```
@media screen and (max-width: 760px) {
    #access li li a {
        background-color: #ffede8;
        border-top-color: #fcccbc;
    }

    #access:target .menu a {
        border-top-color: #fcccbc;
    }
}
```
August 3, 2017 at 9:24 pm August 3, 2017 #23007

Ghani
Participant

Thank you Daniel for your great, quick and useful answers.
You are awesome :)))