ohchiayeah Posted November 9, 2022 Share Posted November 9, 2022 (edited) I've achieved this look for a left-aligned navigation menu, but am wondering if I can add a background overlay to it for legibility. I'm working in Squarespace 7.1 and have used CSS (pasted below) for the left-alignment but can't figure out how to add a transparent background to the back of the menu for legibility. Any ideas how I can do this? /*vertical navigation*/ .header-nav { width:1%; position: fixed; padding-top: 15%; z-index: 1000; text-align: left !important; } .header-layout-nav-right .header-nav-list { justify-content: flex-start; } .header-layout-nav-right .header-nav { padding-left:3px; } .header-nav { top: 8px; } .header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions-action--cart) { margin-left: 0vw; } Edited November 9, 2022 by ohchiayeah Link to comment
tuanphan Posted November 11, 2022 Share Posted November 11, 2022 Hi, What is site url? We can check easier 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