PH0T0GUY Posted June 25, 2020 Share Posted June 25, 2020 Site URL: https://photoguy.com Hello. Can anyone help with the CSS for changing the colors of the mobile menu active, hover, etc. I'm trying to make the experience consistent with desktop vs mobile versions of site. I like to show links as blue, the page your on as black and pages you hover over as green. Can anyone help with this please? Link to comment
tuanphan Posted June 25, 2020 Share Posted June 25, 2020 Try this code Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
PH0T0GUY Posted June 25, 2020 Author Share Posted June 25, 2020 That page doesn't address the Mobile menu. Just main menus without submenus. jaisequoia 1 Link to comment
rwp Posted June 25, 2020 Share Posted June 25, 2020 (edited) .header--menu-open .header-menu.light-bold .header-menu-nav a { color: #006fcd; } body:not(.tweak-transparent-header) .light-bold .header-menu-nav .header-menu-nav-item--active a { color: #464645; } Edited June 25, 2020 by rwp Link to comment
BrittanyS Posted September 28, 2020 Share Posted September 28, 2020 If you change your navigation link colour to the blue you want and then add in this code, it will change the colour of the page you are on to black in mobile .header-menu-nav-item--active a { color: #000000 !important; } Link to comment
mehruss Posted October 3, 2020 Share Posted October 3, 2020 Site URL: https://www.artslosaltos.org/ I'm trying to change the Menu Dropdown Color for the Header and Background for Mobile Only. My theme is Lusaka and I've tried to inject custom css but it doesn't seem to be working. Currently, the Menu Header and Page for Mobile is White and I'd like to change it to Black or Orange. Thanks in advance. Link to comment
tuanphan Posted October 3, 2020 Share Posted October 3, 2020 2 hours ago, mehruss said: Site URL: https://www.artslosaltos.org/ I'm trying to change the Menu Dropdown Color for the Header and Background for Mobile Only. My theme is Lusaka and I've tried to inject custom css but it doesn't seem to be working. Currently, the Menu Header and Page for Mobile is White and I'd like to change it to Black or Orange. Thanks in advance. Add to Home > Design > Custom CSS .header--menu-open .header-menu-bg.theme-bg--primary { background: orange !important; } jaisequoia 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jaisequoia Posted October 21, 2020 Share Posted October 21, 2020 (edited) @tuanphan @paul2009 I have a similar question. on www.taylorholisticvet.ca I have used this code and the ONLY part working is the colour of the menu items rollover (active) colour NOT working **actually it looks like the active colour is working... it's the black colour I'd like to change so need the language (css) to target that please** 'X' to close menu colour NOT working. Not sure what is wrong in the code. Can you or someone else help? //mobile font colors// .header--menu-open a{color:#92a5aa!important} .header--menu-nav-item-active a{color:#7bb6b1!important;} //---burger color // .header--menu-open .burger-inner:before, .header--menu-open .burger-inner:after{background-color:#508584!important} also, and this would be a bonus. the full menu doesn't show on my new iPhone SE. I have to scroll to see it. Does this have something to do with the scroll back option I have set for the site? Or does that not work when the menu is open? Any insight would be helpful here. Edited October 22, 2020 by jaisequoia Link to comment
tuanphan Posted October 23, 2020 Share Posted October 23, 2020 On 10/21/2020 at 11:43 PM, jaisequoia said: @tuanphan @paul2009 I have a similar question. on www.taylorholisticvet.ca I have used this code and the ONLY part working is the colour of the menu items rollover (active) colour NOT working **actually it looks like the active colour is working... it's the black colour I'd like to change so need the language (css) to target that please** 'X' to close menu colour NOT working. Not sure what is wrong in the code. Can you or someone else help? //mobile font colors// .header--menu-open a{color:#92a5aa!important} .header--menu-nav-item-active a{color:#7bb6b1!important;} //---burger color // .header--menu-open .burger-inner:before, .header--menu-open .burger-inner:after{background-color:#508584!important} also, and this would be a bonus. the full menu doesn't show on my new iPhone SE. I have to scroll to see it. Does this have something to do with the scroll back option I have set for the site? Or does that not work when the menu is open? Any insight would be helpful here. SS changed burger html tag .burger-inner>div { background: red !important; } jaisequoia 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jaisequoia Posted October 23, 2020 Share Posted October 23, 2020 6 hours ago, tuanphan said: SS changed burger html tag .burger-inner>div { background: red !important; } Thank you @tuanphan you are my beaver hero lol. What about the black hover colour? I'd like to change that too. Link to comment
tuanphan Posted October 25, 2020 Share Posted October 25, 2020 On 10/23/2020 at 11:09 PM, jaisequoia said: Thank you @tuanphan you are my beaver hero lol. What about the black hover colour? I'd like to change that too. You mean mobile nav item active color?? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jaisequoia Posted October 27, 2020 Share Posted October 27, 2020 no the active colour is the colour I want, it's the black one I'd like to change Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment