I have a Blogger template which is wider than the screen-width and causes the horizontal scrollbar to be displayed. I want to change it so that it fits and no scrollbar is shown. But the problem is I don’t know what is causing this. I have downloaded the template file and in my code editor looked for all width properties and changed all 100%s to 90% and pix width values to value-100, but still the page is as before.
In finding the effective rule/rules in a such cases, what else should I look for/do? What is a comprehensive procedure to check things to find the rules?
Instead of changing the width, try adding the CSS property
overflow: hiddento everything you think might be causing the issue and then remove them one-by-one until the scroll bar reappears and you’ll have the culprit. You might need to add it tohtmlandbodyas well. If the scrollbars aren’t revealing any actual content, you can leave theoverflow: hiddenon the culprit to resolve the issue.