Archived topic
Full-Width images on mobile?
3 replies · Started by Edin on December 9, 2022
Viewing posts 1–4 of 4
What can I do to make images go full width without any margin on mobile only?
Like this one:
Thank you,
Edin
Hi there,
try this CSS:
@media(max-width: 750px) {
.single-post .entry-content img {
margin-left: -15px;
margin-right: -15px;
max-width: 100vw;
}
}When the viewport is the width of your single post content ie. 750px. It will offset the themes padding using negative margins and allow the image to fill the viewport.
Awesome, David. It looks great.
Thank you so much!
You're welcome
This archived topic is closed to new replies.
