Mobile Nav Menu colors

[Tomas Tamayo]

There’s a problem with the text-color on my website mobile layout. Text appears white over a white background.

There is no option to change this in Boss Options.

Can you add it for next update please?

[Varun Dubey]

Hi @tomastd, sorry not able to replicate
Mobile view
https://drive.google.com/file/d/0BxzNBu6bZdtHRnFTSHg0TVc1SUU/view?usp=drivesdk
Desktop view
https://drive.google.com/file/d/0BxzNBu6bZdtHSkZOcWJkekUtSG8/view?usp=drivesdk
selected options
https://drive.google.com/file/d/0BxzNBu6bZdtHU2hIdWRUcjA0Mmc/view?usp=drivesdk

Please provide url to inspect
might be any plugin css conflict
Regards
Varun Dubey

[Tomas Tamayo]

Hi Varum.

1.- Select the “default” color scheme.
2.- Set “BuddyPanel Background Color” to white. It is the color I want to use.
3.- Don’t care wich color you select as “BuddyPanel Title Color”, it will always be shown in white, over white, in mobile layout.

I realized that it is because in mobile view, there is a mix between Tittle bar menu links and Buddypannel links. “Panel Links” option (see attached image). The backgroun is Buddypannel background, but text color comes from two different css. One is from “Buddypanel Title Color”, but I don’t know which one is the other one.

By the way, in the laptop using the mobile theme view, both menus appear. But in my iPhone, only Tittle Bar links appear (attached IMG_0150.jpg).

Thanks!!!

[kensuke]

Sorry guys, I can not find where I can submit question, so I gonna put question on here.
How I can get the header icon Button　on mobile to be lager than the size attached?
Thanks!

[Varun Dubey]

Hi @tomastd, Please me be know what additional custom css you have added at your website.

Regards

[Anonymous]

Hi @thejapanesecuisine, Please add the following css codes in your child theme’s custom css:

.sidebar-btn {
    font-size: 35px !important;
    color: #fff;
    width: 66px !important;
    text-align: center !important;
}

Regards

[Tomas Tamayo]

Hi Varum, these ar my custom css:

ul.buddyforms-list .publish .item-status {
    background: #4e69a2 none repeat scroll 0% 0%;}

#buddypress div#subnav.item-list-tabs ul li.selected a, #buddypress div#subnav.item-list-tabs ul li.current a {
    color: #4e69a2;}

.bp-user.messages #buddypress div#subnav.item-list-tabs ul li.selected a {
    color: #4e69a2;}

.is-mobile #buddypress div#subnav.item-list-tabs ul li a {
    color: #FFF !important;}

.wangguard-user-report.button {
    margin: 0 5px;
    color: #FFF;
    background: #CCC none repeat scroll 0% 0% ;
    border-radius: 3px;
    font-size: 12px;
    padding: 3px 5px;
    position: relative;
    width: auto;
    top: -1px;
    line-height: 1;
    letter-spacing: 0;}

.security-question-section {margin: 0 auto !important;}

.archive-header {display: none;}

.entry-post-thumbnail {display: none;}

#insert-media-button {padding: 0 20px;}

[Tomas Tamayo]

Sorry, the url is http://proiektuenazoka.org

[Varun Dubey]

Hi @tomastd, This is already in your inline css, not sure why it is not working

For now you can add following to your custom css

.left-menu-open .menu-panel #nav-menu > ul > li.current-menu-item > a, .left-menu-open .menu-panel #header-menu > ul > li.current-menu-item > a, .left-menu-open .menu-panel #nav-menu > ul > li.current-menu-parent > a, .left-menu-open .menu-panel #header-menu > ul > li.current-menu-parent > a, .left-menu-open .bp_components ul li ul li.menupop.active > a, .menu-panel .header-menu > ul li a, #nav-menu > ul > li > a, body:not(.left-menu-open) .menu-panel .sub-menu-wrap > a, body:not(.left-menu-open) .menu-panel .ab-sub-wrapper > .ab-item, .menu-panel #nav-menu > a, .menu-panel .menupop > a, .menu-panel #header-menu > a, .menu-panel .menupop > a {
    color: #000000 !important;
}

Regards
Varun Dubey

[Tomas Tamayo]

It doesn’t work neither. This code is active now and you can check http://proiektuenazoka.org

[Varun Dubey]

Hi @tomastd Please add these

#left-panel.menu-panel .screen-reader-shortcut {
  color: #000!important;
}
#mobile-menu.menu-panel ul li a {
  color: #000 !important;
}

Regards