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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.