tiffanydavidson Posted February 22 Share Posted February 22 (edited) Hello, My client would like the site title and hamburger menu to be above the banner image on mobile, in the white "border" space. He has found a site to show what he'd like (Cobb Haus) and taken screenshots to show what he'd like. I've attached that below. I appreciate any assistance. Site URL: https://www.lakehelenvacationhome.com/ Edited February 22 by tiffanydavidson adding url Link to comment
Solution tuanphan Posted February 26 Solution Share Posted February 26 Hi. Add to Design > Custom CSS @media screen and (max-width:767px) { header#header { position: static !important; } a#site-title { color: black !important; } .burger-inner>div { background-color: black !important; } } tiffanydavidson 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
tiffanydavidson Posted March 9 Author Share Posted March 9 @tuanphan You are so incredibly helpful and appreciated. Thank you. Yes, it did work. The only slight issue I'm seeing is that there seems to be a bit too much padding above the site title and menu on mobile. See attached image (and please pardon blue light blocking software visible in screenshot). Link to comment
tuanphan Posted March 11 Share Posted March 11 On 3/9/2023 at 12:41 PM, tiffanydavidson said: @tuanphan You are so incredibly helpful and appreciated. Thank you. Yes, it did work. The only slight issue I'm seeing is that there seems to be a bit too much padding above the site title and menu on mobile. See attached image (and please pardon blue light blocking software visible in screenshot). Use this new code @media screen and (max-width:767px) { header#header { position: static !important; margin-top: 0px !important; } .header-announcement-bar-wrapper { padding-top: 0px !important; } a#site-title { color: black !important; } .burger-inner>div { background-color: black !important; } } tiffanydavidson 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
tiffanydavidson Posted March 14 Author Share Posted March 14 Perfect @tuanphan ! Thank you again ❤️ 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