Sticky menu colour

[dnesci]

Hello. I would like to change the sticky menu colour when set to transparent. The current options are: white text and black background and vice-versa. I would like to choose the background and text colours.

Please advise.

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

.kleo-main-header.header-normal.header-scrolled {
    background: #ff000087 !important;
}
.primary-menu.collapse.navbar-collapse.nav-collapse a {
    color: green !important;
}
.primary-menu.collapse.navbar-collapse.nav-collapse .caret:after {
    color: green !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[dnesci]

Hi Laura.
Thank you very much. It works nicely.

Is there a way to isolate the following?:

text and link colour while stationary (not on scroll)
Text and link while in scroll;
dropdown menu background colour;
text of dropdown menu.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please try:

text and link colour while stationary (not on scroll)

COPY CODE

.kleo-main-header.header-normal a {
    color: red !important;
}
.kleo-main-header.header-normal .caret:after {
    color: red !important;
}

Text and link while in scroll

COPY CODE

.kleo-main-header.header-normal.header-scrolled a {
    color: green !important;
}
.kleo-main-header.header-normal .caret:after {
    color: green !important;
}

text of dropdown menu.

COPY CODE

ul.dropdown-menu.sub-menu.pull-left a {
    color: green !important;
}

dropdown menu background colour

COPY CODE

ul.dropdown-menu.sub-menu.pull-left li {
    background: red !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[dnesci]

Hi Laura.

These work well. The only issue, the menu set to transparent needs another line of code to change the text colour when stationary.

[Laura]

Hello, you can add color: green !important; to the code to change the text color

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts