We have a problem on our webiste http://newsbitt.rs/. When someone opens it on screens smaller than tablet, images, and whole website does not scale to fit the screen.
Hello,
I have checked your website and saw that you increased the site width. That is what causes your responsiveness problem. Our theme was built with a fixed width and a column layout that relies on that width. WHen you change it, other elements will have to be adjusted to the new width.
If you want to increase the width of the outer wrap you can use it like this:
@media (min-width: 1180px){
#td-outer-wrap { -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.7) !important;
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.7) !important;
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.7) !important;
width: 1172px !important; }
}
So it will only affect the desktop version of the website.
Thank you!
Thanks for quick reply. What’s the fastest way to change this do default width size?
We’ve solved the problem. Thanks again!
Best reards.
