scrolling menu items on subpages

Greetings,
On OnePage, the site will scroll down when a user clicks on a menu item. I'd like to do this on internal pages as well. How is this possible?

At the moment, we've set the link "Book a Talk" to External URL and given it an address of #gkBottom1-3. It does not scroll...

http://www.3rdglance.com/brettullman/in ... kBottom1-3

Scrolling uses browser mechanism called anchors. If on your page there is an element with id="somename", then You can create link as it is in menu of homepage - not to another page, but just to #somename - it will make browser scroll to that element.
To find correct element You could use Firebug or Chrome DevTools.

Thanks very much. I had it set to gkbottom1-3 and since I had only 1 module in the bottom position, I needed only link to gkbottom1.

Good job .

Looks like I spoke too soon... When I publish more than one module to bottom1 (as on the frontpage), the modules appear in columns rather than one after the next.

To test this, I published two modules that are successive on the frontpage to a subpage. On the frontpage, they follow one another, on the subpage, they appear next to one another in columns. Why is this?

I've even applied the onepage template to the subpages, and the modules in bottom1 still show in columns...!??!?

http://www.3rdglance.com/brettullman/in ... Itemid=745

Add onepage suffix to this page:
http://www.gavick.com/documentation/gen ... mla-pages/

Thanks again!

What I really want is to have bottom1 behave the way it does on the front page, and mainbody_bottom display the way it does on subpages (like columns across the page). Is this possible?

Please describe it more clearly.

On OnePage, it seems modules cannot appear beside one another (in columns). I want modules in all positions except bottom2 to function this way. In bottom2, I want modules to appear as they normally do in other templates, in columns.

Ok, I almost got you, beside that you used "columns" everywhere, and as far as I can understand, you would like to have rows somewhere?

Yes,

I would like to have modules in bottom1, bottom1-2, bottom1-3 to appear in rows. I want bottom2 modules to appear in columns.

UPDATE: I've realized how to better explain this... What I want is that modules in bottom1 have the OnePage styling, and modules in bottom2 have the standard inside page styling so that they appear in columns. How can I apply the OnePage module styling to specific modules?

You could try to start with this code:

Code: Select all

.onepage #gkBottom2 .box {
    margin: 0 0 30px 0;
    padding: 0 20px;
    width: 33.3%;
}

.onepage #gkBottom2 {
    width: 1045px ;
    margin: 0 auto!important;
}


but Im not 100% sure if it will work. If You will put it on sample site with more than 1 module in bottom2 - then I can try to produce 100% working code.

Thanks for the efforts... I modified the code to use mainbody_bottom but didn't get solid results. Please find the resulting preview here: http://www.3rdglance.com/brettullman/in ... Itemid=745. I am hoping to have both "Promo Materials" modules appear next to one another.

Code: Select all

.onepage #mainbody_bottom .box {
    margin: 0 0 30px 0;
    padding: 0 20px;
    width: 33.3%;
}

.onepage #mainbody_bottom {
    width: 1045px ;
    margin: 0 auto!important;
}

UPDATE:
I think the module suffix was incorrect below. I'm now using this but still can't get the modules to appear next to one another. They continue to appear in rows.

Code: Select all

.onepage #gkMainBodyBottom .box {
    margin: 0 0 30px 0;
    padding: 0 20px;
    width: 33.3%;
}

.onepage #gkMainBodyBottom {
    width: 1045px ;
    margin: 0 auto!important;
}

Code: Select all

.onepage #gkMainBodyBottom .box {
    margin: 0 0 30px 0 !important;
    padding: 0 20px !important;
    width: 33.3% !important;
    float: left !important;
}

.onepage #gkMainBodyBottom {
    width: 1045px !important ;
    margin: 0 auto!important;
}


Try with forcing and adding float.

Yes, I tried that... Still the same result. Applied to the same URL below.

I changed MainBodybottom to MainbodyBottom and the modules display next to one another, BUT now this breaks the mobile version of the website (it's the width:1045px that kills the mobile version)...

Hi,

I suggest to add:

Code: Select all

max-width: 100%!important ;

then on the mobile devices the problem should be fixed.