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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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 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