Anniiey1 Posted December 15, 2022 Share Posted December 15, 2022 Hi, When my website scales down to 800px or smaller, the spacing of my navigation bar gets dramatically larger than when it is on desktop view. I would like the keep the same width and height as my desktop view no matter how small the browser window gets. Please help. Thanks! https://www.annie-yang.com/ Link to comment
Solution Ziggy Posted December 15, 2022 Solution Share Posted December 15, 2022 Try adding this Custom CSS to your website: @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header .header-announcement-bar-wrapper { padding: 1vw 2vw; } } Let me know if that helps. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Anniiey1 Posted December 15, 2022 Author Share Posted December 15, 2022 Thank you so much! That did the job! Ziggy 1 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