Vertically center website
Posted 10 October 2012 - 04:16 AM
I'm currently building a site in PageLines and am hoping to make the site center vertically AND horizontally, similar to this:
Is this possible? If yes, please let me know what I need to do.
Posted 10 October 2012 - 07:46 AM
I apologise but I am not quite sure what you mean by centered both vertically and horizontally. The site you linked, just looks like it has a standard layout with one sidebar left and content to the right of the sidebar or am I missing something ?
Posted 10 October 2012 - 07:56 AM
If you're able to look at it on a large/r screen you might notice that the content (left sidebar+content) is always centered.. Even when re-sizing the window.
Have a look again if you can, and try re-sizing your window and check out what the website and its content does. That's essentially what I'm looking to do.
Hopefully I'm making some sense!
Posted 10 October 2012 - 08:15 AM
I really do apologise but I can't view it on a larger screen, my desktop is current not working and so I am viewing the site on my MacBookPro 15". Therefore, can you provide screenshots so I can get an understanding please.
Posted 10 October 2012 - 10:18 PM
In CSS, there's no easy option to dynamically center content vertically. You'd literally have to set a fixed height, which makes the site non-responsive. Even if you used a percentage, if the content is dropped 30%, that means about 1/3 of the screen is unseen by your visitors on mobile views.
I see the issue you're having with a 27-inch Mac screen, but you must consider too, the person viewing on a 4" screen, the 12" screen and the 60" screen. I doubt people will dislike your site if they can see it. However, I guaranty they will dislike if they cannot see it.
Posted 11 October 2012 - 12:59 AM
Posted 11 October 2012 - 09:49 PM
Posted 19 January 2013 - 03:05 AM
Unfortunately, we do not provide support for other company's themes. Please seek support from the theme being used. That's not a PageLines product.
Rob, I'm not asking for support for another company's theme. If you'd read my initial post you would see that the link I provided is simply an example of what I was hoping to achieve with your product.