Found the problem. In line 2491 in the stylesheet (responsive section, max-width: 600px) there are some specifications for handling portfolio images at that screen width, but they don't account for a 3 column layout.
I added .col3 .portfolio-item to the list and that fixed it.
I just saw your ticket here that is related to another of your ticket. Happy to hear that you have found the solution and thank you for the code that fixes the issue.
By the way, I am not sure if you are already aware of and using a child theme? If you are not using one, I would recommend that you put any of the customization parts in the style.css file of the child theme (instead of directly edit the original theme). This would help prevent any possible loss of your custom code when updating the theme to a newer version.
Haven't used Wordpress in a while, but it feels like it does the same thing as the additional CSS field in the customization options. I can include @media even there. But I do prefer working from Notepad++ so having it all in a file does feel safer and better for me, thanks :)
why are my post images on the homepage on mobile not at full width? I have scoured all the options related to homepage styles, image width etc
link to my site: http://hallometmirel.nl
Attached files: screenshot mobile.jpg
Found the problem. In line 2491 in the stylesheet (responsive section, max-width: 600px) there are some specifications for handling portfolio images at that screen width, but they don't account for a 3 column layout.
I added .col3 .portfolio-item to the list and that fixed it.
.portfolio-category, .portfolio-item, .blog-list .post-item, .col3 .portfolio-item { display: block; margin: 0 auto 8%; width: 100%; }Can you include this in an update so other users from this template can benefit from it?
I just saw your ticket here that is related to another of your ticket. Happy to hear that you have found the solution and thank you for the code that fixes the issue.
By the way, I am not sure if you are already aware of and using a child theme? If you are not using one, I would recommend that you put any of the customization parts in the style.css file of the child theme (instead of directly edit the original theme). This would help prevent any possible loss of your custom code when updating the theme to a newer version.
For more information about how to create and use a child theme, please check it here: https://uxbarn.ticksy.com/article/8649/
Kindly let me know if you have any other questions!
Haven't used Wordpress in a while, but it feels like it does the same thing as the additional CSS field in the customization options. I can include @media even there. But I do prefer working from Notepad++ so having it all in a file does feel safer and better for me, thanks :)