- This topic has 4 replies, 2 voices, and was last updated 9 years, 8 months ago by surianto.
-
AuthorPosts
-
August 2, 2014 at 1:44 am #41799suriantoMember
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.comThank you in advanced.
August 2, 2014 at 10:40 am #41818SakinKeymaster@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.
August 2, 2014 at 10:35 pm #41841suriantoMemberI 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.
August 3, 2014 at 10:22 am #41861SakinKeymaster@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; } }
August 3, 2014 at 11:39 pm #41889suriantoMemberWow, thanks Sakin,
It works well. -
AuthorPosts
- The topic ‘setting maximum width’ is closed to new replies.