Jump to content
sheilahoff

Section sequence control when shrinking to mobile width

Recommended Posts

sheilahoff

I'm new to PL and also to working with responsive grids. I showed the client how the site looks when displayed on a narrow browser emulating a phone and his first question was can I control the sequence of the info. I have NO idea what is determining that or if there's any way to control it. So obviously the header and nav are first and the footer is last. I would guess the primary body content is next then all the sidebars and footer widgets. But is there any way to influence this at all? If so, how?

 

Thanks,

Sheila


Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
Danny

Hi Sheila,

 

What would you like to influence?

Can you provide more information please, including a link to the site in question please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
sheilahoff

Sorry...it was more a general question as the site is still in the early stages. It's located at http://www.solara.hoffmangraphics.com. So for instance this homepage has a sidebar that folds in under the photo and main conent. What if we wanted the sidebar content to display prior to the photo and content that's under it? That's the kind of thing. And I assume the 3 MoreFoot will always appear in their order which is likely fine. I think to some extent the client was just asking, going foward, if we have any options to control this. Every page will have a unique sidebar except within the blog post area. THANKS.


Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
James B

Hi Sheila

 

In the responsive layout the content falls one under the other depending on the order it appears within the html. So for example if you're looking at the html in firebug, and you work down the code on the page you'll see the header code then content, sidebar, footer etc. The mobile layout is created by using css to change the float and width of each of those items so they stack differently from the desktop view. But they are still in the same order, just the display of those items are adjusted.

 

So unfortunately there's no way to change the actual order of the elements on the page, just how they display in the mobile view whilst still in the same order.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sheilahoff

got it...thanks for the clear explanation.


Sheila Hoffman | Hoffman Graphics | Seattle

Share this post


Link to post
Share on other sites
Rob

I'll let James know.  Cheers!


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×