Responsive framework

[create 0]

Is there a way to customise the mobile device responsive layout. Typically on an iPhone if I have a box section on my pagelines website it will stack the boxes on top of each other to effectively create a one-column view. What if I wanted a 2-column view instead of 1, how would I go about creating that effect?

 

The other issue that i have is with blogging. A client has asked can they have 2/3 blogs on one site aimed at different demographics and stakeholders. I'm not really sure how to approach this. Firstly is it possible to have multiple blog pages on wordpress/pagelines, if so how do you determine which blog you are posting to?? 

 

My initial thoughts with this were to somehow have the one blog page and topics/demographics can be filtered using categories and tags. Any ideas or feedback welcome.

 

thanks

 

James

[James B 436]

Hi James

 

Yes you can change the display of the boxes in the mobile view. The boxes are each set to display 100% width in the mobile view, so change this figure in the css will effect how they display on the mobile. For example, shrinking my browser to the point where the responsive display kicks in I can see the following (I have 4 boxes set in a row, hence the pp4 class).

 

.responsive #site .pp4 {
    margin-right: 0;
    width: 100%;

}

 

If I change the width to 50%, I get 2 columns in the mobile view on the boxes.

.responsive #site .pp4 {
    margin-right: 0;
    width: 50%;
}

I'm not sure about multiple blogs on a template, as far as I'm aware that would be complicated. I'd say using categories would be easier, using a section like anyloop maybe - www.pagelines.com/store/sections/anyloop/ ‎and using that to populate the content on separate pages giving the impression there were two blogs?

[create 0]

Hi James

 

that's great - thanks for your reply. I'll give that a whirl with mobile view

 

...and i'll check out anyloop see if that suits the solution.

 

many thanks

 

James

[James B 436]

You're welcome, let us know how you get on :-)