Home Forums Weaver Xtreme Theme Page width

This topic contains 8 replies, has 5 voices, and was last updated by  Weaver 4 years, 8 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #17460

    kencooperjr
    Participant

    Looking at the link http://fyctest.kencooperjr.com/ the web page, on my monitor, does not take up the entire width of t he monitor screen. If I resize the screen it will but t he default size does not.

    How to fix this?
    Thanks – Ken

    scrambler
    Moderator

    Set the theme width you want  in Main Options > Wrapping Areas > Wrapper Area > Theme width box 


    kencooperjr
    Participant

    This solved the Page width question – Thanks


    Why is  the Standard width is 940px.for a theme – I assume this is a WP standard and not JUST a Weaver Xtreme ‘standard’?

    Thanks – Ken

    robfoster
    Participant

    Not every website is designed to be full screen, 940 px wide is an average size for a website


    Bobthearch
    Participant

    Full screen websites can be really obnoxious on a large widescreen monitor.


    kencooperjr
    Participant

    robfoster – 940 px seems like a weird number as opposed to 1024 px. I assume 940 px is not a STANDARD but a generally accepted value? Why not use a relative value (%) for screen width as opposed to an absolute value? I see some advantage to using % as the page would occupy the same relative space on a monitor as to opposed to a fixed width. Seems like a % would address Bobtearch’s comment? 

    Any other comments regarding this will be appreciated. – Thanks – Ken
    #20494

    scrambler
    Moderator

    First everything is possible % max width etc. By default the theme uses max-width with the value you specify as this is usually the best way to handle a site. You can use the containers (header / container / footer) width box to use a %width.

    What matters is not how much space is outside of the site, what is important is the site itself. On small browsers / screens, a percentage width would always leave some space on the sides, even when there is not enough space for the actual site content. It would be a waste of screen real estate. This is why even if you set a Width % for the header / footer / container, when the screen/browser  gets to the mobile size, it will remove the percentage and use the full available width.

    Ultimately this is a matter of what the site is about and personal preference, but I am pretty sure that for the vast majority of cases, a Max-width is the way to go, with eventually some background extensions.

    You can read about full width design in the tutorial below to experiment.

    http://forum.weavertheme.com/discussion/11124/full-width-designs


    kencooperjr
    Participant

    Thanks


    Weaver
    Keymaster

    There is a very good rational for 940px, although it might be a bit historical at this point. It was, as you guessed, not Weaver’s number, but came from the Twenty Ten theme.

    It is based on 1024px width, which was perhaps the most common screen width, and still is for cheap notebooks and some tablets.

    But the theme width is the width of the page viewport within a browser, and does not include the browser borders and vertical scroll bar. It was found that the 84px left over from 940 would allow most browser to fit without a horizontal scroll bar on 1024px screens.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.