Archived topic
Padding issue for post tiles on mobile devices
3 replies · Started by Maithilee on July 11, 2021
Viewing posts 1–4 of 4
On mobile devices, the post titles need some padding. The titles are starting from the edge of the device and it does not look good. How to add padding for post titles on mobile devices.
The website link is below and the issue is on the home page.
Hi there,
You have this CSS on the site that effectively cancels out the padding.
h2.entry-title {
font-size: 15px;
margin-left: -30px;
margin-right: -30px;
font-weight:600;
margin-top: -30px;
}Now if this CSS is still in use but you want to exclude it on mobile, you can set a @media rule for it.
Example:
@media(min-width:769px){
h2.entry-title {
font-size: 15px;
margin-left: -30px;
margin-right: -30px;
font-weight:600;
margin-top: -30px;
}
}Thank you for the resolution. I was able to fix the issue using the CSS provided.
Nice one. Glad you got it sorted. :D
This archived topic is closed to new replies.
