LisaMichael Posted April 16, 2020 Posted April 16, 2020 Site URL: https://superhero-mth.squarespace.com Hi there, I'm trying to make the header of my site viewable ONLY on mobile. I'm currently using this code to hide the header: header { display: none; } The header I've designed for the main page won't function on mobile, so I'd like to show the header/menu for the mobile version. How can I do that? Any insight would be helpful. Password: SuperheroProject Thanks, -Michael
tuanphan Posted April 18, 2020 Posted April 18, 2020 To hide header on desktop, add this code to Home > Design > Custom CSS @media screen and (min-width:992px) { header#header { display: none; } } 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!)
LisaMichael Posted April 18, 2020 Author Posted April 18, 2020 Thank you TuanPhan! Worked perfectly. Much appreciated! Best, -Michael
Recommended Posts
Archived
This topic is now archived and is closed to further replies.