kristenblowfield Posted August 8, 2020 Share Posted August 8, 2020 Site URL: https://www.core4.com.au/ Hi there My mobile navigation when scrolled below hero banner is white and i would like this to be the same colour as the remaining of my mobile navigation folder as i lose the exit and the logo. Please see attached screenshot. I have used the below code for remaining of navigation but just need the first section the same colour. Please note this is only on scroll. /*For the header background color:*/ @media screen and (max-width:640px) {.tweak-transparent-header .header .header-announcement-bar-wrapper:not(.shrink):not(.transparent-header-theme--override) { background-color: #4d4d4f !important; } } /*For the bottom piece with CTA button:*/ .header-menu-cta { background-color: #4d4d4f !important; } /*For the middle section with Nav items:*/ .header-menu-nav-folder-content { background-color: #4d4d4f !important; } /*And to change the hamburger/X icon colors:*/ .burger-inner:after { background: #fff !important; } .burger-inner:before { background: #fff !important; } Many thanks! Link to comment
kristenblowfield Posted August 8, 2020 Author Share Posted August 8, 2020 Fixed with the below CSS @media screen and (max-width:767px) { .header-menu-bg.theme-bg--primary { background: #4d4d4f !important; } } Link to comment
adrianadelgiudice Posted September 3, 2020 Share Posted September 3, 2020 Hi, your site is really well done. I'm after the same functionality as your navigation bar. Changing colour from transparency when scrolling. Could you kindly share the css you've used? It'd be greatly appreciated! Thanks! Link to comment
tuanphan Posted September 7, 2020 Share Posted September 7, 2020 On 9/3/2020 at 6:21 PM, adrianadelgiudice said: Hi, your site is really well done. I'm after the same functionality as your navigation bar. Changing colour from transparency when scrolling. Could you kindly share the css you've used? It'd be greatly appreciated! Thanks! Can you share site url? We can take a look Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
SStrength Posted March 3, 2022 Share Posted March 3, 2022 Same issue, I think. I need to change the color of the nav bar on mobile only from white. What code do I use? @tuanphan Link to comment
tuanphan Posted March 8, 2022 Share Posted March 8, 2022 On 3/3/2022 at 9:24 AM, SStrength said: Same issue, I think. I need to change the color of the nav bar on mobile only from white. What code do I use? @tuanphan It looks like your site is not 7.1. Can you share site url? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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