Hi,

I need to make adjustments to the module positions to achieve a specific layout.

here is the development homepage which is fine:

shutupabout.com/dev

the layout become problematic on the interior pages that need a right sidebar. However, I need the right sidebar to start below the abovemain position where I have the nav set
as it here on the original html site:

shutupabout.com/index.php?link=6

Any suggestions?

Thank you ,

Michael

Hi Michael,

You can just assign the sidebar modules to the right position

Thanks for the quick reply. However that's not what I'm trying to achieve. My mistake in the origin post was using above main.. it's actually the advert 1-3 section I meant to reference.

I've attached the module layout png with a highlight to illustrate what I need to end up with.

Have the right sidebar start below the advert 1-3.. I don;t if we get there by extending advert 1-3 to be advert 1-4. I hope that clarifies the issue.

Thanks again

Michael

Hi there,

I think the best way to do this is to add a specific px width and a margin-top offset for the right column.

So you could add something like this:

Not sure if that will solve it and you will need to adjust those values, but if you are able to add that and then post back we can guide you from there.

Anthony

I'll give it a shot and get back to you. Thank you.

Hi Anthony,

the #abovemain values did nothing at all

#rightCol did move the column down.... the following changed the width of the advert 1-3 positions but in turn moved the right column content to below mainbody. because the rigth col width changed with it.

.zenlast, #midCol.twoL, #midCol.threeLC, .jblast {
float: left;
margin-left: 70px;
width: 650px;
}


you can see it here:

shutupabout.com/dev/index.php/about-us

The menus are published to the advert 3 position but I don't see any css specific to advert positions?

Thanks again for your time!

Michael

ADDITION: This code also messes up all last position modules and the home page because it affects all pages

Hi,

Try this:

Your code will affect the rest of the template given that .zenlast is a class we use universally across the template.

Thanks

Hmmm... No luck there either.. maybe a better approach is to try and modify/shorten the "above" row and pull the left sidebar up as illustrated in the new attachment.

Just for anyone following this.. I finally found the right combination of rows to get the layout I needed...

#leftCol {
margin-top: -70px;
}
#above {
width:75%;
float:right;
margin: 10px 0 27px 0;
}

Thanks Anthony for your help!

Thanks for posting back your solution