Mobile Menue Color

This topic has 8 replies, 2 voices, and was last updated 9 years by Laura.

Author
February 10, 2015 at 19:36 #45481

HKN
Participant

Hello,

I have a styling problem in the mobile view.
On the Home page is the background color black instead of white.
On the remaining pages the menu icon is white instead of black.

Where can I change this?

Attachments:
You must be logged in to view attached files.

February 10, 2015 at 19:37 #45484

HKN
Participant

This reply has been set as private.
February 10, 2015 at 19:59 #45487

Laura
Moderator
Hello, try adding this to style.css in child theme
COPY CODE
```
@media (max-width: 991px) {
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: black !important;
border: 1px solid transparent;
border-radius: 4px;
}
}
.kleo-main-header .navbar-collapse ul.kleo-toggle-submenu * {
line-height: normal;
color: black;
}
.navbar-transparent .navbar-toggle .icon-bar {
background-color: #000!important;
}
.navbar-toggle {
position: relative;
float: none;
padding: 9px 10px;
margin-top: 0;
margin-bottom: 8px;
background-color: white;
border-radius: 4px;
}
```
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 🙂
February 10, 2015 at 21:16 #45491

HKN
Participant

Hey Laura,

thank you. But does not work 🙁

February 10, 2015 at 21:51 #45499

Laura
Moderator

Hello, if you have a cache plugin, clean cache, also use CTRL+F5 to clear your browser cache in order to see changes

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 🙂

February 11, 2015 at 10:16 #45564

HKN
Participant

there is no cache plugin used..
i have set the user rights to admin if u want to check it

thanks

February 11, 2015 at 15:16 #45603

Laura
Moderator

Hello, check it out now please

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 🙂
February 11, 2015 at 17:57 #45657

HKN
Participant
I solved my problem with:
COPY CODE
```
@media (max-width: 991px) {
.kleo-navbar-fixed.navbar-transparent .kleo-main-header {
    background: none repeat scroll 0 0 #ffffff;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    color: #000000;
}

.navbar-transparent .navbar-toggle .icon-bar {
    background-color: #000000!important;
}

.icon-bar {
    background-color: #000000!important;
}
}
```
February 11, 2015 at 18:23 #45664

Laura
Moderator

Hello, if its solved like that, delete the quick css i added in your kleo menu

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

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

The forum ‘KLEO’ is closed to new topics and replies.

Attachments:

Search KB

Log in with your credentials

Forgot your details?