WalkingSheep 0 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 post
0 bangank36 597 Share Posted June 21, 2020 (edited) @media screen and (max-width: 480px) { #topBar { display: none; } #container { margin-top: 0 !important; } } Try this Edited June 21, 2020 by bangank36 change Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement, Enable Pinch/Zoom on lightbox, Geolocation Automatic Currency Converter, Sortable Table from GSheetIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to post
Question
WalkingSheep 0
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 post
Top Posters For This Question
1
1
Popular Days
Jun 20
1
Jun 21
1
Top Posters For This Question
WalkingSheep 1 post
bangank36 1 post
Popular Days
Jun 20 2020
1 post
Jun 21 2020
1 post
Posted Images
1 answer to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment