[surianto]

Hi Sakin,
You do a great job!

I want to set a maximum width of my page to 1000pxl width, from slider img to bottom of the page (except the title & main menu at the top).
And the primary & secondary frame still in the same ratio.

This is my page:
http://www.suriantorustan.com

Thank you in advanced.

[Sakin]

@surianto: Sorry, why do you want to do that. This looks so perfect in large screen. This is responsive design considering large screen and small mobile devices. So, don’t worry it will adjust as per the screen-sizes. And to change as your mention will need lot of css changes which will effect your site loading.

[surianto]

I just don’t want people with screen more than 1600 pxl width will see very long line of bodycopy, it will make them tired to read the primary content. Also, I have a plan to put a seasonal background image, so I think it will be cool if people can see the background image in the left and right of the page.
But if it will make the loading time longer, it’s a disadvantage.

How if we shrunk the width of primary & secondary frame only? So there will be more visible background in the edge of the page.

[Sakin]

@surianto: It’s bit complicated, you might need to hire customizer to more customization. For now, I have manage to come up with the css. Can you try to add the following css in “Appearance => Theme Options => Custom CSS” box.

@media screen and (min-width: 1020px) {
	#main-slider, #main-wrapper .container, #supplementary { width: 1000px; }
	#main-slider { margin: 0 auto; }
	#primary { width: 640px; }
	#secondary { width: 330px; }
}

[surianto]

Wow, thanks Sakin,
It works well.

[Author]

Posts