You can change the width of your theme using these provided settings. Remember that a lot of people browsing the internet still have a screen resolution of 1024 by 768 pixels. So you would probably want to avoid anything wider than 1000px to prevent horizontal scroll bars being displayed.



This theme has the option for a custom width, enabling you to assign your own theme width. To do this, open the theme contents and open the folder marked 'CSS'. In this folder, open the folder called 'width' and then open the custom.css file in a code editor. In this file you can change 960 to your own preferred width. Save changes when done and select the 'custom' option under the theme settings to apply your setting.

To apply a flexible theme width, you should use this CSS code:

#main {
    width: auto;
}

div.nav {
    width: auto;
}

However, please note that it is advised you do not use a flexible theme width if you are using horizontal-scrolling menu bars. The effect will not work correctly in browsers such as Internet Explorer 6, and there is a danger the entire page will gain horizontal scrollbars. This could make accessing and navigating your website difficult for some users.