9 replies to this topic

[petew89]

Hi there,

I'm currently building a site in PageLines and am hoping to make the site center vertically AND horizontally, similar to this:

Please Login or Register to see this Hidden Content

Is this possible? If yes, please let me know what I need to do.


Regards,
Peter

[Danny]

Hi Peter,

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 ?

[petew89]

Hi Danny,

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!

[Danny]

Hi,

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.

[petew89]

Hi Danny,

Not a problem. Here it is on my 27" Mac.

[Rob]

Okay, here's the problem with this concept. If you have code to vertically center the content in all browsers, it will seriously harm any mobile view. Literally, the content might be off the screen in an iPhone, iPad, Kindle, Nook or other mobile device. That will seriously cost you in terms of visitors.

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.

[petew89]

Surprisingly, it actually seems to work great on an iPad and iPhone..

[Rob]

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]

The topic was marked as resolved.

[petew89]

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.