Archived topic
Figures (img + caption) full width in mobile view
5 replies · Started by twarrior on March 9, 2023
Viewing posts 1–6 of 6
Following this post:
https://generatepress.com/forums/topic/full-width-images-in-all-pages-posts-on-mobile/?bbp_reply_to=1835614&_wpnonce=4758f74e47
I have tried this code from David to make images on pages display full width on mobile, but doesnt work:
@media (max-width:768px) {
.entry-content figure {
margin-left: -10px;
max-width: 100vw !important;
}
}any idea to make figures (img + caption) full width in mobile view?
Hi there,
the url is behind a maintenance mode, can i have a login ? :)
sorry. maintenance mode off
Try this:
@media (max-width: 768px) {
.entry-content figure[class*="image"] {
margin-left: -10px;
margin-right: -10px;
max-width: 100vw !important;
}
}i also limited the css to affect only figure elements that are for the image
Just in case there are other non image figures on the page.
great!
Glad to be of help
This archived topic is closed to new replies.
