Archived topic
Size of Featured Images on mobile view
7 replies · Started by Marius on November 25, 2018
When I look at the Marketer Site Home Page, I noticed that the feature images on archive view get bigger on mobile view.
Which settings do I need for this? Because on my site, these images stay the same size if i smaller the browser window.
Hi there,
This CSS is used to make the featured image smaller on desktop view:
@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
max-width: 300px;
}
}So that the customizer options take over for width < 769px.
Let me know if this helps :)
I have put this in my css, but with no effect.
Do I need to make also changes in customizer Layout/Blog? Because there i have set the images 300 x 171
Yeah try setting it back to auto in the customizer.
Okay, I have set it back to auto, but then they scaled to 300 x 203 px.
But I want it like on Marketer Site scaled to 300 x 171 px.
Marketer just happened to scale it to 171px so no CSS added for that.
You could try this though:
@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
max-width: 300px;
height: 171px;
}
}Thanks Leo, that works.
No problem :)
