semasse Posted March 4, 2021 Share Posted March 4, 2021 Site URL: https://asparagus-lychee-8nnk.squarespace.com/ Hi, When viewing my site on a tablet the top of my banner image is cut off and the site header has extra vertical space. https://asparagus-lychee-8nnk.squarespace.com/ Using CSS, could anybody give me some tips on how to fix this? Link to comment
tuanphan Posted March 9, 2021 Share Posted March 9, 2021 Hi. It looks fine here. Can you explain clearly? 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
semasse Posted March 10, 2021 Author Share Posted March 10, 2021 Yes ... the mobile and tablet version of my site has padding in the top and bottom that I don't want. I wrote some css that seems to be working. //remove extra header padding on mobile and tablet @media only screen and (pointer: coarse) and (max-width: 1024px), screen and (max-width: 799px) { .header .header-announcement-bar-wrapper { padding-bottom: 0; padding-top: 0; } } Thanks for responding! Link to comment
tuanphan Posted March 11, 2021 Share Posted March 11, 2021 Do you want to make these icons side by side on mobile? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment