alishaserre Posted April 11, 2022 Share Posted April 11, 2022 Site URL: https://thecarmomofficial.squarespace.com/homepage-new Hey! Is there a way to add a full-width colored background to the main navigation in 7.1? The layout is centered, I just need a colored bar behind the navigation, not the logo. I have attached a photo as an example of what I am looking to do. Link to comment
tuanphan Posted April 11, 2022 Share Posted April 11, 2022 Add to Design > Custom CSS /* Fullwidth nav background */ .header-announcement-bar-wrapper { padding-left: 0px !important; padding-right: 0px !important; } .header-display-desktop { flex-direction: column; } .header-title-nav-wrapper { flex: 0 0 100% !important; margin-right: auto; width: 100% !important; } nav.header-nav-list { display: flex; width: 100%; border-top: 1px solid black; border-bottom: 1px solid black; background-color: #f1f2f3; } .header-nav-item a { line-height: initial; } .header-nav-item { margin: 0 !important; padding-left: 1vw; padding-right: 1vw; margin-left: -1px !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
alishaserre Posted April 12, 2022 Author Share Posted April 12, 2022 @tuanphanThank you so much! Is there a way to adjust the shopping cart to stay in the top right corner? The new layout has it layered in the middle of the nav. *screenshot attached. Link to comment
tuanphan Posted April 18, 2022 Share Posted April 18, 2022 On 4/12/2022 at 11:36 PM, alishaserre said: @tuanphanThank you so much! Is there a way to adjust the shopping cart to stay in the top right corner? The new layout has it layered in the middle of the nav. *screenshot attached. It looks like you solved 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
Anele0610 Posted August 10, 2022 Share Posted August 10, 2022 Hello! Having the same issue - the action button is now either just bellow the wrapper, or if i remove the column view, disappears altogether. I would like it to stay above the colored wrapper, top right, where it usually is. Link: https://cod-begonia-bja4.squarespace.com/ passw: annaboyd Link to comment
tuanphan Posted August 11, 2022 Share Posted August 11, 2022 18 hours ago, Anele0610 said: Hello! Having the same issue - the action button is now either just bellow the wrapper, or if i remove the column view, disappears altogether. I would like it to stay above the colored wrapper, top right, where it usually is. Link: https://cod-begonia-bja4.squarespace.com/ passw: annaboyd The button should be here? 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