WalkingSheep Posted June 20, 2020 Share Posted June 20, 2020 Site URL: https://luyangzou.com/ Hi, I use CSS to move my main navigation at the centre of my page. #navigator header#topBar ul#nav { display: block; float: none; text-align: center; padding: 10px 0 20px 0; margin: 0 0 0 75px; max-width: 100%; } but I want to hide my Navigation only on mobile device. How can I do that? Thanks. Link to comment
Beyondspace Posted June 21, 2020 Share Posted June 21, 2020 @media screen and (max-width: 480px) { #topBar { display: none; } #container { margin-top: 0 !important; } } Try this BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) 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
Recommended Posts
Archived
This topic is now archived and is closed to further replies.