LisaMichael Posted April 16, 2020 Share 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 Link to comment
tuanphan Posted April 18, 2020 Share 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
LisaMichael Posted April 18, 2020 Author Share Posted April 18, 2020 Thank you TuanPhan! Worked perfectly. Much appreciated! Best, -Michael Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.