You’re using a commercial theme/plugin, so please use their official support channel. We feel they are best equipped to support their products.
https://themeforest.net/item/gridlove-creative-grid-style-news-magazine-wordpress-theme/17990371
Commercial products are not supported in these forums.
It’s definitely those extra DIVs that are pushing the left edge out, because they have an inline style setting the left border to -9999px. Are you sure it’s not a plugin that is causing the problem? I would be very surprised if the theme was putting those DIVs in there. Try deactivating all of your plugins and see if the problem goes away.
If you can’t find a plugin that’s putting in those extra DIVs, you may be able to remove them by adding some Javascript.
Never mind, I think I found a CSS solution for you. Try adding this rule in your custom CSS (Appearance → Customize → Additional CSS):
body.single-post {
overflow-x: hidden;
}
This should hide those extra DIVs.
ty i think it worked @crouchingbruin
mobile visitors still have the problem
there must be a way to remove unwated html tags
i dont know how
Did you try deactivating all of your plugins to see if the problem goes away?
And can you also try modifying the rule so it looks like this:
body.single-post {
overflow-x: hidden !important;
}
If you cannot find a plugin that is causing the extra tags, you can use this piece of code to remove them.
<script>
jQuery(document).ready(function( $ ){
$("div").each( function(index) {
strLeft = $(this).css("left");
if (strLeft.indexOf("-9999") != -1) {
$(this).remove();
}
});
});
</script>
You will need to add the code using a plugin that will insert the code into the <head> section of your pages. I recommend either Simple Custom CSS and JS or Header and Footer Post Injections. If you use the first plugin, you can remove the <script> and </script> tags from the example above, because that plugin will automatically insert them.
What the code does is scan through all DIVs and look for the ones which have the left CSS property set to -9999, which is what those DIVs have. When it finds one, then it gets removed. I’m hoping those DIVs have the same property value of -9999 under mobile as they do in the desktop browser, otherwise the code won’t work.
