Mobile site featured image proportions

Hello,

Currently the only way is edit the mobile CSS code. We will consider how to solve this issue in the v.1.5.0.

That’s ok, its always in development, I understand.
I cant find where the square proportions are specified.
It refers to a size-medium or size-thumbnail. But when I alter these setting in WP’s media settings nothing changes on the mobile site.

Can you please explain how I maintain the rectangle proportions and where to update the css?

You have to change the height for two CSS selectors:

.site-content.archive article

and:

.article-helper

You can achieve it by adding in example the following code at the end of your style.css:

@media (max-width: 600px) {
.site-content.archive article {
height: 310px;
}
.article-helper {
height: 294px;
}
}

As you can see above – there is always a 16px gap between heights of these elements.

Thank you so much.
Unfortunately by adding the code to the style.css visually nothing gets updated.
Even if i adjust the heights to extremes.

Could you provide an URL to your website?

hi there, thats this link
Please note i’ve tried various size settings, right now i’ve got:

/* Fix for the mobile image size */
@media (max-width: 600px) {
.site-content.archive article {
height: 396px;
}
.article-helper {
height: 380px;
}
}

Thanks

Please change your code to:

/* Fix for the mobile image size */
@media (max-width: 600px) {
.site-content.archive article {
height: 396px!important;
}
.article-helper {
height: 380px!important;
}
}

It will help.

The !important; did it.
Thanks mate.