JustinSinger Posted January 12, 2021 Share Posted January 12, 2021 Site URL: https://www.iamjustinsinger.com/ The Padding on my site header on desktop is perfect but on mobile appears very large thus pushing some of my content out of the frame. Is there a way to change this so it looks normal on mobile and does not affect the desktop version? Maybe adjusting the size of the font only on my homepage and only on mobile? Is this possible? Link to comment
tuanphan Posted January 13, 2021 Share Posted January 13, 2021 Add to Design > Custom CSS /* Mobile portfolio padding */ @media screen and (max-width:767px) { .portfolio-hover-items { padding-top: 0 !important; } } 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
JustinSinger Posted January 13, 2021 Author Share Posted January 13, 2021 This is almost perfect! There is still content cut off at the bottom of my mobile site. Is there a way to make the font for the titles to be smaller but ONLY on mobile? Link to comment
tuanphan Posted January 16, 2021 Share Posted January 16, 2021 On 1/13/2021 at 10:32 PM, JustinSinger said: This is almost perfect! There is still content cut off at the bottom of my mobile site. Is there a way to make the font for the titles to be smaller but ONLY on mobile? Add to Design > Custom CSS @media screen and (max-width:767px) { span.portfolio-hover-item-content { font-size: 16px !important; } } 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
JustinSinger Posted January 21, 2021 Author Share Posted January 21, 2021 Thank you so much! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.