sergio1967 Posted December 30, 2021 Share Posted December 30, 2021 Site URL: https://owl-crow-ll8j.squarespace.com Hello there, I would like to style the mobile navigation of my page. As you see on the Screenshot - I'd like to put the "EN" and "GR" navigation item in the mobile navigation dropdown menu on a blue button. Is there any CSS Code to do this? With this CSS Code works very good on the desktop version: #header .header-nav-wrapper .header-nav-item:nth-child(7) a{color:#ffffff; background-color:#002060; padding-left: 1.5vw; padding-right: 1.5vw; } Thank you very much in Advance for your help https://owl-crow-ll8j.squarespace.com/config/settings/domains Sergio Link to comment
Beyondspace Posted December 31, 2021 Share Posted December 31, 2021 On 12/30/2021 at 4:41 PM, sergio1967 said: Site URL: https://owl-crow-ll8j.squarespace.com Hello there, I would like to style the mobile navigation of my page. As you see on the Screenshot - I'd like to put the "EN" and "GR" navigation item in the mobile navigation dropdown menu on a blue button. Is there any CSS Code to do this? With this CSS Code works very good on the desktop version: #header .header-nav-wrapper .header-nav-item:nth-child(7) a{color:#ffffff; background-color:#002060; padding-left: 1.5vw; padding-right: 1.5vw; } Thank you very much in Advance for your help https://owl-crow-ll8j.squarespace.com/config/settings/domains Sergio Is it the result you want to achieve? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
tuanphan Posted January 2, 2022 Share Posted January 2, 2022 use this CSS [data-folder="root"]>div>div:nth-child(7) a, [data-folder="root"]>div>div:nth-child(8) a { color: #fff !important; background-color: #002060; display: inline-block; padding: 2.5vw; } 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