Public Forums 71,145 posts

[timrichardson Friend timrichardsonJoin date: December 2011Posts: 3Downloads:0Uploads:0]

#171714

Hi.
I have modified the layout for handheld to be like this, which displays the left modules under the main content.
I couldn’t really work out how to do this by “stacking” <blocks> together, so I put the left module in the footer section which seems to make it wide enough.
I’m guessing there is a better way to do this.

<blocks name=”top” style=”xhtml”>
<block name=”mainnav” type=”handheld/mainnav”></block>
<!– <block name=”header” type=”handheld/header”></block> –>
</blocks>
<blocks name=”middle”></blocks>

<blocks name=”bottom” style=”xhtml”>
<block name=”left1″ style=”xhtml”>left</block>
<block name=”footer” type=”handheld/footer”></block>
</blocks>

>

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#429271

Hi

What I understood is you need to show the modules in the full available width, which is same as the width allocated for the main content. Try using following layout code.. And publish modules in position content-mass-bottom

<blocks name="top" style="xhtml">
<block name="mainnav" type="handheld/mainnav"></block>
<!-- <block name="header" type="handheld/header"></block> -->
</blocks>
<blocks name="middle">
<block name="content-mass-bottom">content-mass-bottom</block>
</blocks>

<blocks name="bottom" style="xhtml">
<block name="footer" type="handheld/footer"></block>
</blocks>

[timrichardson Friend timrichardsonJoin date: December 2011Posts: 3Downloads:0Uploads:0]

#429408

I don’t want to create a new module position because I don’t want to affect the normal (desktop) view of the site. I just want to have a module position called “left” shown as a column in one layout, but full width in another layout, converting a two column layout to a one column layout for people viewing the site in handheld devices.

[himangi Friend himangiJoin date: April 2011Posts: 1406Downloads:1Uploads:86 Thanks: 21 Thanked: 345 times in 332 posts]

#429424

Hi,

you can simply try using following code for handheld layout. In this case you will be using position named left but the place and available width for the position will be different that of the usual left column.

<blockquote><blocks name=”top” style=”xhtml”>
<block name=”mainnav” type=”handheld/mainnav”></block>
<!– <block name=”header” type=”handheld/header”></block> –>
</blocks>
<blocks name=”middle”>
<block name=”content-mass-bottom”>left</block>
</blocks>

<blocks name=”bottom” style=”xhtml”>
<block name=”footer” type=”handheld/footer”></block>
</blocks></blockquote>

[Author]

Posts