Hi @humpiedump,
Upon checking, you are currently using child theme. Particular script in your child might override the default styling of the main theme. To verify this, please try switching to main theme (that is Sydney) for troubleshooting purpose.
Hello Kharis,
Thanks for your quick reply. I’ve tried switching to main theme, but the layout doesn’t change.
In my child themes css there’s nothing for responsive behavior.
I installed plugin health and troubleshooting, disabled all plugins > same result.
Checked css, I don’t see any code which could prevent it from going 100%.
This css line is valid:
@media only screen and (max-width: 767px) {.posts-layout .list-image {width: 100% !important;}}
Hi @humpiedump,
After doing another testing, I’d say I can reproduce the issue.
You can fix it with this simple CSS code:
@media only screen and (max-width: 767px) {
.content-wrapper .layout4 .content-inner {
display: flex;
flex-direction: column;
}
.layout4 .posts-layout .content-inner .list-content {
width: 100%;
}
}
Apply this code to your site from Dashboard > Appearance > Customize > Additional CSS.
As this is a known issue, there will be permanent fix for this in upcoming version update. If you can see the update notice in the future, just do update the theme, and it’ll fix your issue. So you’d need to remove the suggested code above.
Thanks in advance!
Thanks very much Kharis, that fixed the problem.
