Robertjm Posted October 30, 2023 Share Posted October 30, 2023 (edited) I've been working on a website for a church today and have been dialing in colors and format. I'm pretty happy so far with the desktop version. But, I've run into a slight annoyance with the mobile version. You have the two lines that appear on the far right side of the page when displayed on a mobile (my iPhone 15 Pro Max for instance). When I click on the lines the main navigation menu fills the screen. I've attached screenshots from my iPhone that show the main page (desired background display) and the menu display. Unfortunately, the menu background color is the same green that is in the header background. The main pages have a light blue background that fades into the green banner at the top. Is there a way to modify the mobile menu so that the background also has the light blue background behind it, rather than the solid header background color? Edited October 30, 2023 by Robertjm Link to comment
bycrawford Posted October 30, 2023 Share Posted October 30, 2023 Hey! Hopefully this helps: https://bycrawford.com/blog/how-to-change-the-mobile-menu-colour-on-squarespace Sam Crawford | by Crawford. Multi-award-winning Squarespace expert e. sam@bycrawford.com w. bycrawford.com 💸 How I make $500k/year designing Squarespace websites: Watch the video 📱 Hire me to build your Squarespace website: calendly.com/bycrawford/call Did my comment help? To help others benefit, leave a like and mark my answer as 'best'. This lets users scroll straight to the solution they need. 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