Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #41799
    surianto
    Member

    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.

    #41818
    Sakin
    Keymaster

    @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.

    #41841
    surianto
    Member

    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.

    #41861
    Sakin
    Keymaster

    @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; }
    }
    #41889
    surianto
    Member

    Wow, thanks Sakin,
    It works well.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘setting maximum width’ is closed to new replies.