BuddyBoss Home – Web › Support Forums › Themes › Boss. theme › Mobile Nav Menu colors
- This topic has 10 replies, 4 contibutors, and was last updated 8 years, 4 months ago by Varun Dubey.
Question
December 11, 2015 at 6:48 am #54227@tomastdThere’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?
Answers
December 11, 2015 at 11:36 am #54248@vapvarunHi @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=drivesdkPlease provide url to inspect
might be any plugin css conflict
Regards
Varun DubeyDecember 13, 2015 at 5:15 pm #54350@tomastdHi 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!!!
December 14, 2015 at 11:28 pm #54445@thejapanesecuisineSorry 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!December 15, 2015 at 7:02 am #54460@vapvarunHi @tomastd, Please me be know what additional custom css you have added at your website.
Regards
December 15, 2015 at 7:14 am #54462@
AnonymousHi @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
December 15, 2015 at 9:41 am #54471@tomastdHi 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;}
December 15, 2015 at 9:56 am #54473@tomastdSorry, the url is http://proiektuenazoka.org
December 15, 2015 at 12:14 pm #54495@vapvarunHi @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 DubeyDecember 16, 2015 at 4:04 am #54522@tomastdIt doesn’t work neither. This code is active now and you can check http://proiektuenazoka.org
December 16, 2015 at 5:56 am #54541@vapvarunHi @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
- The question ‘Mobile Nav Menu colors’ is closed to new replies.