DreamrW Posted March 8 Share Posted March 8 I want to have a dynamic (no background) rather than solid navigation style on the homepage only. https://ranunculus-carrot-mpx5.squarespace.com/ pw: Galway2023 Link to comment
tuanphan Posted March 11 Share Posted March 11 Add to Design > Custom CSS /* Homepage Header */ body.homepage .header-background-solid { opacity: 0 !Important; } 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
DreamrW Posted March 11 Author Share Posted March 11 5 hours ago, tuanphan said: Add to Design > Custom CSS /* Homepage Header */ body.homepage .header-background-solid { opacity: 0 !Important; } Smashing Tuan! Can you tell me how I can make the font white including the button (border and font) on the homepage only? Thanks again Link to comment
DreamrW Posted March 11 Author Share Posted March 11 Also Tuan, is it possible for the header to scroll back on the homepage only too? Link to comment
tuanphan Posted March 12 Share Posted March 12 22 hours ago, DreamrW said: Smashing Tuan! Can you tell me how I can make the font white including the button (border and font) on the homepage only? Thanks again Where is button? Add to Design > Custom CSS /* Homepage Header */ body.homepage div.header-nav-item a { color: white !important; } 22 hours ago, DreamrW said: Also Tuan, is it possible for the header to scroll back on the homepage only too? You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only 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
DreamrW Posted March 13 Author Share Posted March 13 23 hours ago, tuanphan said: Where is button? Add to Design > Custom CSS /* Homepage Header */ body.homepage div.header-nav-item a { color: white !important; } You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only That's there now - I have it on fixed position - basic, site wide. If i can get rid of the fixed menu on the homepage only that would be ideal... Link to comment
DreamrW Posted March 14 Author Share Posted March 14 On 3/12/2023 at 1:47 PM, tuanphan said: Where is button? Add to Design > Custom CSS /* Homepage Header */ body.homepage div.header-nav-item a { color: white !important; } You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only How do I make the burger menu on mobile white on the homepage also please? 🙏 Link to comment
Solution tuanphan Posted March 16 Solution Share Posted March 16 On 3/14/2023 at 7:55 PM, DreamrW said: How do I make the burger menu on mobile white on the homepage also please? 🙏 Use this code @media screen and (max-width:767px) { body.homepage .burger-inner>div { background-color: white !important; } } 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
DreamrW Posted March 16 Author Share Posted March 16 4 hours ago, tuanphan said: Use this code @media screen and (max-width:767px) { body.homepage .burger-inner>div { background-color: white !important; } } This is super Tuan, you're a legend 🤙 Link to comment
DreamrW Posted March 20 Author Share Posted March 20 On 3/12/2023 at 1:47 PM, tuanphan said: Where is button? Add to Design > Custom CSS /* Homepage Header */ body.homepage div.header-nav-item a { color: white !important; } You need to enable scroll back site wide first, then we will give code to disable on other pages, keep it on homepage only I've set the menu to scroll back site wide Tuan - can you tell me how I can make it fixed on all but the homepage please? Link to comment
tuanphan Posted March 25 Share Posted March 25 On 3/21/2023 at 2:19 AM, DreamrW said: I've set the menu to scroll back site wide Tuan - can you tell me how I can make it fixed on all but the homepage please? To disable sticky header on homepage only, add this to Design > Custom CSS body.homepage header#header { position: absolute !important; } DreamrW 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
DreamrW Posted March 29 Author Share Posted March 29 On 3/25/2023 at 3:25 AM, tuanphan said: To disable sticky header on homepage only, add this to Design > Custom CSS body.homepage header#header { position: absolute !important; } Thanks a million Tuan! 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