Are you using jetpack and its mobile setting? If so, disable that.
I’m using Jetpack, but mobile seringă are disabled.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You need to show us a page with the issue
Looks like your GMAP plugin or whatever it is, has this:
.entry-content img,
.ve-gmap-wrapper img {
max-width: none;
}
The .entry-content img is the culprit and it’s canceling out the theme’s responsiveness for content images. Why they have that in there I have no idea.
I believe it is the SportsPress plugin. Unfortunatly is verry important for the content of my website and I can’t have team scores and rankings without it.
How can I solve the problem?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Maybe you need to talk to SportsPress about this; https://ww.wp.xz.cn/support/plugin/sportspress#postform
If you can’t get a solution from them, you can override their styles.
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:
- Install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
- use its “CSS Code” section of the dashboard to hold your CSS modifications:
-
(put this code in)
html .entry-content img,
html .ve-gmap-wrapper img {
max-width: 100%;
}
- Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
You could possibly do this custom CSS, using a child theme as Andrew mentioned, but for just CSS modifications, you could use the jetpack’s Edit CSS feature and add this:
.entry-content img {
max-width: 100%!important;
}
What that “should” do is force the responsiveness on images used in the content.
But Andrew is correct, you may want to pass this problem on to the developer of that plugin and inform them that their code is canceling out responsive images in the entry-content.
It works fine now. Thankyou
