Archived

This topic is now archived and is closed to further replies.

  • 0

Editing mobile layout

Question

Posted · Report post

Hi all- This is a question about the Pageline mobile layout - I love it mostly, but I'm hoping I can tweak it. If you don't have a mobile device handy, visiting my site from a mobile browser causes the sidebar to move to the bottom of the layout. Put another way, it renders from top to bottom like so: Header Nav bar Blog posts Sidebar widgets Footer This is mostly fine, but most of the sidebar widgets on my site are left-justified, causing the mobile view to have a *lot* of whitespace and generally look a bit sloppy. What I'd ideally like to do is have the mobile change to a two-column sidebar to make better use of the screen width when visting from an iPad or tablet (iPads account for almost a third of my traffic, so this is very important to me). Is there some way to edit the mobile layout to make this happen? Thanks as always!

Share this post


Link to post
Share on other sites

1 answer to this question

Posted · Report post

We have a plugin called Browser Specific CSS http://www.pagelines.com/store/plugins/browser-css/ which would allow you to implement styles based on the browser, such as android, etc. This is probably your best solution.

Share this post


Link to post
Share on other sites