bbarinaga Posted November 16, 2020 Share Posted November 16, 2020 Site URL: https://www.bbarinaga.com/estrategia-de-engagement site: https://www.bbarinaga.com/estrategia-de-engagement password: 1234 Hi! I'm using the following code to underline my H1 page titles: h1.page-title span { border-bottom: 4px solid #ffe94a; padding-bottom: 0px } It looks great on desktop, however, the line doesn't look right on mobile (see screenshot). Is there any way I can reduce the padding bottom only on mobile? I appreciate any help! Link to comment
IXStudio Posted November 16, 2020 Share Posted November 16, 2020 Hi This is not your answer but this will fix your problem. Use this code in Design -> Custom CSS @media screen and (max-width:640px){ h1.page-title span { font-size: 90%; line-height: 45px; } } Please use the like button if it helps you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
bbarinaga Posted November 16, 2020 Author Share Posted November 16, 2020 Thank you so much, @IXStudio! Link to comment
tuanphan Posted November 21, 2020 Share Posted November 21, 2020 On 11/16/2020 at 9:53 PM, bbarinaga said: Thank you so much, I see your site has big gap on tablet. You can add this to Design > Custom CSS to fix this.\ /* tablet big gap */ @media screen and (max-width:900px) and (min-width:641px) { body#collection-5f5a281e49aa5b77e414b155 div#content { padding-top: 0; } } 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.