Remove space between headings and paragraph on small screen

Hi, @ajewp

You have a few options for that.
Try adding this in Dashboard – Appereance – Customize – Additional CSS in the Customizer

@media (min-width:360px){
p.has-text-align-center, h4 {
margin-top: -20px;
}
}

You can modify min-width as you wish.
Or you could force that rule on all sizes with this CSS snippet, that’s less elegant:

p.has-text-align-center, h4 {
margin-top: -20px !important;
}

You can learn how to use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

Hope this helps,
Kind regards!

Hi Vlad

Thanks for the time looking into this. Worked!

regards

Glad it worked! Happy to help!



Source link