Guest Posted August 25, 2020 Share Posted August 25, 2020 Site URL: https://www.swarovskiwellbeingweek.com/monday Hey legends, I'm just wondering how I can still have the main desktop menu links in white font to be visible on the images, but to change them to black so they're visible on the mobile menu (which changes the menu background to white so the whole menu is invisible). Thanks heaps! Link to comment
GeorgeGibsonGG Posted September 2, 2020 Share Posted September 2, 2020 Hello, I hope the below helps as it's a bit of a long answer and I'm guessing your working in Squarespace 7.1: First have you make sure Desktop view is open on your screen. Now click "Edit" and then "Edit Site Header". Now click "Colors" and make sure "Transparency" is turned on. Now click "Done" and then "Save Changes". Now click the Mobile icon so you're in Mobile view. Now click "Design" and then "Colors". Now click "Section Themes" and then press in the Header area without pressing a button etc so it's highlighted. On the left hand side you should now have the options for "HEADER", "Site Title" & "Navigation Links". Press the "Show All" button above these. This will now display the "SITEWIDE" section you need below the "HEADER" section. In this section you can now change the "Section Background" color which will change the Mobile Navigation background color but not the Desktop Menu, this will remain transparent. If you've selected theme colors you will be able to press the "Accent" Dropdown Menu above those settings and change the text colour using this which will also only change it for the Mobile Navigation Menu and not the Desktop Menu. I hope this all helps! Link to comment
tuanphan Posted September 2, 2020 Share Posted September 2, 2020 Which item? I see coming soon only. Can you take a screenshot? 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
mauramanor Posted January 27, 2021 Share Posted January 27, 2021 @tfortorz Did you figure this out? Link to comment
tuanphan Posted February 2, 2021 Share Posted February 2, 2021 On 1/26/2021 at 7:34 PM, mauramanor said: @tfortorz Did you figure this out? If you share site url, we can take a look 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
SouthernSunEvents Posted July 26, 2021 Share Posted July 26, 2021 On 2/2/2021 at 9:07 AM, tuanphan said: If you share site url, we can take a look Looking to do this too. I need the "MENU" text white in the mobile/tablet versions on the following pages only: https://www.southernsunevents.com/ https://www.southernsunevents.com/services https://www.southernsunevents.com/contact-us Website password: sse2020 Link to comment
tuanphan Posted July 27, 2021 Share Posted July 27, 2021 18 hours ago, SouthernSunEvents said: Looking to do this too. I need the "MENU" text white in the mobile/tablet versions on the following pages only: https://www.southernsunevents.com/ https://www.southernsunevents.com/services https://www.southernsunevents.com/contact-us Website password: sse2020 Add to Home, Services, Contact Us Page Header <style> button.Mobile-bar-menu:after {color: white !important;} </style> 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
Archived
This topic is now archived and is closed to further replies.