Return to previous page

Setting up CSS menu fixed background color after select

This topic has 6 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

mybers2

Participant

April 5, 2018 at 23:17

Hi

Im wondering if its possible to set a background color on
Menu > li a:active after selecting or clicking on a menu item?

I.e. the selected menu background color will stay while on its page.

Could you be able to advise or point me at the right direction?

Appreciate any help.

Thanks

#190446 Copied Theme version: 4.1

5 Answers
Rose Tyler

Support staff

April 6, 2018 at 08:22
Hello,

Please add this code in Theme Options > Custom css:
```
.fixed-header-area.color-light .menu > li.current-menu-item > a {
    background-color: white;
    color:  red !important;
}
```
Let me know result.

Regards
#190464 Copied
mybers2

Participant

April 6, 2018 at 11:56

Thank for that. I can see the effect in FIXED menu.
But How can I also update the main menu?

Please, contact administrator
for this information.

#190500 Copied
Rose Tyler

Support staff

April 6, 2018 at 12:06
Please change the previous code to:
```
.header-wrapper .header .navbar .menu-main-container .menu > li.current-menu-item > a, .fixed-header-area.color-light .menu > li.current-menu-item > a {
    background-color: #5464;
    color:  red !important;
}
```
Regards
#190504 Copied
mybers2

Participant

May 7, 2018 at 20:45

Hi

Where do I need to change the CSS while on Mobile nav menu? i.e font and background color

like this in this area:
https://www.screencast.com/t/M5j8Q6s1

Thanks

#192495 Copied
Rose Tyler

Support staff

May 8, 2018 at 07:20
Hello,

You can add this code in custom css:
```
.mobile-nav-heading.close-mobile-nav {
    background-color: red;
    color:  black;
}
.mobile-nav {
    background-color:  red;
}
.mobile-nav li a, .mobile-nav .links li a, .mobile-nav-heading {
    color:  black;
}
```
Regards
#192517 Copied
Viewing 6 results - 1 through 6 (of 6 total)