Mobile Menue Color

Home Forums KLEO Mobile Menue Color

This topic has 8 replies, 2 voices, and was last updated 11 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?

    February 10, 2015 at 19:37 #45484
     HKN
    Participant

    URL: http://inan13.com/wp-admin
    User: test
    PW: test

    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
    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
    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
    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
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

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

Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.
Support Hours Our support team is available from Monday to Friday during regular office hours ( East European Time ). Please allow up to 48hrs so we can review your request and respond.
License info One theme purchase allows you to use it only on one WordPress install, so each new install requires a new license. We thank and appreciate everyone for their purchase as it allows us to keep supporting and releasing new updates.

©2026 SeventhQueen - Powered by KLEO Theme

Terms & conditions | Privacy Policy

Log in with your credentials

Forgot your details?