Flexible Width of Website

  • Anonymous


    This is my first time on this site. Thank you very much in advance for any help or advice. If I posted this question in the wrong place then I would love to know where I went wrong. I think I did everything right but like I said, first time.

    I am trying to change the width of my Graphene theme to make it flexible to fit different computer screen sizes. It says it is one of the features but I can not locate how to change it in the Graphene options.

    Any help would be appreciated

    Rob Anderson


    Syahir Hakim


    There’s no feature in the Graphene theme to use fluid width. Where did you see this?

    pyramid Lake


    When I did a search for different themes on the word press site. One of my parameters was a full width template and Graphene came up. Does full width website mean something else?

    I just switched my site to Graphene today and it looks really narrow on my screen


    Syahir Hakim


    Full-width template means the theme includes a template that allows the content area to span the entire width of the theme, i.e. one-column layout, with no sidebars. The tag for fluid-width layout is flexible-width, under the Width column on the tag and filter interface.

    Note also that with the upcoming version 1.6, there’s an option that allows you to modify the overall width and column widths of the theme, though there’s no option for fluid width still. This is simply a design and readability decision.

    pyramid Lake


    Thank you for your reply. Column width was going to be my next question. If the middle column was wider and the two side columns narrower it would probably fix the problem.

    doesn’t flexible width allow the website to configure to different computer screens correctly?


    Syahir Hakim

    doesn’t flexible width allow the website to configure to different computer screens correctly?

    Yes, but this is a lot more difficult and complex to implement, particularly when coupled with allowing the user to customise the width of each column. Everything will then have to be in percentage instead of pixels, and issues will arise with the positioning and sizing of various elements, such as the fields in the comment area, and threaded comments, etc.

    Furthermore, you can only increase the width so much before it gets too wide and readability suffers. This is the same reason newspaper and magazines lay out their content in columns, rather than spanning across the entire width of the page. It is simply easier to read in a few narrow columns than one big column.

    Most computer screens today have a resolution bigger than 1024px horizontally, which is why the 960px width is chosen for the theme. This allows for good readability in those with bigger screens, while still avoiding users with smaller screens from having to scroll horizontally.

    Ideally, the theme would have flexible width but limited up to a certain maximum width. This solves both the smaller screen issue while allowing those with bigger screens to utilise the available space optimally, without suffering from decreased readability. However, like I said, this is rather complex to implement, particularly when coupled with the option that allows users to resize the width of each column. For the time being at least, the use case is just not there for it to be worth the effort.

    pyramid Lake


    Thank you once again. Makes more sense now.

    When will the new version that allows to change column width be available?

    Rob Anderson


    Syahir Hakim


    Graphene 1.6 is in the beta testing period now, so expect another two weeks or so before it is released.

    But if you like, you can try it now:




    I am very eagerly awaiting this feature, and when it arrives, I plan to donate twenty or thirty bucks if it works correctly.

    I use graphene to run a writers guild, where all bloggers can contribute work and reach a large audience, so it’s essential that the site look as slick as possible. Right now it looks gross and compact, but I can deal with it for a little while if the new version is in the later stages of testing.



    ps, you have two places on the form where I can opt in to email notifications for this thread. Should there really be 2?



    I just redid all my websites with the Graphene theme, and I like it a lot. I’m working on a launch of a new national website with some other journalists and suggested we use Graphene, but they want something with a fluid width so it goes wider on bigger screens.


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

  • You must be logged in to reply to this topic.
Graphene Themes Forum