hudson_lee02 Posted June 9, 2022 Share Posted June 9, 2022 Site URL: https://flatworm-sawfish-bgzs.squarespace.com/ Password :: Flathead22 I am looking to customize the navigation banner to be a white banner that is somewhat small and stays on the screen when scrolled. Link to comment
tuanphan Posted June 11, 2022 Share Posted June 11, 2022 Hi. What it should look like? 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
hudson_lee02 Posted June 12, 2022 Author Share Posted June 12, 2022 Ideally, just a white background that isn't too thick so it doesn't take up too much space. It would be nice if it stayed visible with scrolling through the page but I don't care too much about that. Link to comment
tuanphan Posted June 13, 2022 Share Posted June 13, 2022 11 hours ago, hudson_lee02 said: Ideally, just a white background that isn't too thick so it doesn't take up too much space. It would be nice if it stayed visible with scrolling through the page but I don't care too much about that. Hi. Like this? 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
hudson_lee02 Posted June 13, 2022 Author Share Posted June 13, 2022 Yes, that looks perfect. Link to comment
tuanphan Posted June 14, 2022 Share Posted June 14, 2022 I remember it should be an option in Site Styles. Add to Design > Custom CSS body.homepage header#header { background-color: white !important; } body.homepage header#header .header-nav-item a { color: black; } body.homepage header#header .burger-inner>div { background-color: black; } 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
hudson_lee02 Posted June 15, 2022 Author Share Posted June 15, 2022 On 6/14/2022 at 2:50 AM, tuanphan said: I remember it should be an option in Site Styles. Add to Design > Custom CSS body.homepage header#header { background-color: white !important; } body.homepage header#header .header-nav-item a { color: black; } body.homepage header#header .burger-inner>div { background-color: black; } This looks and is working great, but is only appearing on the homepage. How do I make this site wide and stay the exact same? Link to comment
tuanphan Posted June 16, 2022 Share Posted June 16, 2022 9 hours ago, hudson_lee02 said: This looks and is working great, but is only appearing on the homepage. How do I make this site wide and stay the exact same? remove body.homepage in the 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
hudson_lee02 Posted June 16, 2022 Author Share Posted June 16, 2022 This worked, thank you so much. Link to comment
hudson_lee02 Posted June 17, 2022 Author Share Posted June 17, 2022 On 6/14/2022 at 2:50 AM, tuanphan said: I remember it should be an option in Site Styles. Add to Design > Custom CSS body.homepage header#header { background-color: white !important; } body.homepage header#header .header-nav-item a { color: black; } body.homepage header#header .burger-inner>div { background-color: black; } How do I make the banner stay visible when you scroll through the page? Link to comment
Solution tuanphan Posted June 18, 2022 Solution Share Posted June 18, 2022 7 hours ago, hudson_lee02 said: On 6/14/2022 at 3:50 PM, tuanphan said: I remember it should be an option in Site Styles. Add to Design > Custom CSS body.homepage header#header { background-color: white !important; } body.homepage header#header .header-nav-item a { color: black; } body.homepage header#header .burger-inner>div { background-color: black; } How do I make the banner stay visible when you scroll through the page? Edit Site Header > Fixed 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment