WordPress premium site is offered with free thousands of themes and plugins. Themes change the look of a WordPress site and also affect ones blog traffic and user experience. Wordpress.org provides many free responsive themes that can be utilized and adjust automatically according to the resolution and size of the screen.
But, sometimes themes do not automatically adjust with the resolution and screen width of the desktop. You see theme correct in your desktop but finds problem in adjusting sidebar and content area in other small screen desktop of different resolution. Here is the solution of this error or problem. You have to make small changes in the Stylesheet.css file of your theme and i will tell you how will you do so.
Editing Stylesheet of your theme:
- To allow your to automatically adjust with different resolution desktop so that can experience a better site.1. Go to WordPress dashboard of your site and then, Appearance-> Editor
2. Here you will see the Style sheet of your site written in CSS language. Now, scroll in the Stylesheet.css window and find "#wrapper" or "#container"text. It adjust the maximum width of your site or it wraps your site according to the different size of desktop.
.wrapper {
margin: 0 auto;
max-width: auto;
width: 77%;
}
OR#container {
max-width:auto; // 960px or auto
width: 82%; // Specify according to your need
margin: 0 auto;
3. In above, code you can change margin to auto so
that it can adjust automatically. Next, define max-width of your site.
Usually, it is 960px or you can set auto so that it configure the
resolution of the desktop and set the site accordingly. Now, width of
site has to be set. You can use % of max-width like i have set 77% of
960px.You can also set the same for phone and tablets screens. These changes are given at the end of your Style sheet.
Comments
Post a Comment