One page design scrolling problem

Hello,

http://sites.uclouvain.be/startucl/

Here is the website I'm working on. If you click on "Conseils" in the top menu, you'll see that the page doesn't scroll quiet to the position (you can also check it out via the url http://sites.uclouvain.be/startucl/#gk-mainbody)

Could you help me ?

Thanks in advance,

(Sorry for my bad english)

Hello,

Scrolling is ok, but other widgets have bigger padding. You can increase padding, adding this code into css/override.css file (first enable this override option from Template Options -> Advanced tab).

Code: Select all

.onepage #gk-mainbody .box.mediumspaces {
   padding: 110px 0!important;
}

Thanks for your reponse.

It worked in a way but now the "used zone" is a lot bigger ... Is there another way ? Can't we just modify the position where #gk-mainbody lead us ?

Try to use only margin-top: 110px!important. Of course you can change this position, now it links to #gk-mainbody, you can use your own id e.g. in your widget e.g. div id="my_widget" and in the menu item, use #my_widget, but should notice that there's fixed menu at the top - so you have to include this space taken for the menu. ( All other widgets on homepage have paddings).

I tried with the margin but the result was the as in the beginning. I even tried with putting the box in another space (bottom1 and 2) but the result is the same.

I'd would like to go in the very beginning of the box when I clik on the link, is there a solution?

Thanks

I think that with this code is ok:

Code: Select all

.onepage #gk-mainbody .box.mediumspaces {
padding-top: 125px!important;
}

As i said, this menu item links to the beginning of the box, but there's fixed menu at the top, which covers the box, that's why other areas also have top/bottom paddings.

Ok, now I get it

Yes the result with 125px is a little better.

I'm just wondering, is there any way to choose exactly the position where the link lands ? For example if I want it between two widgets.

Thanks a lot !

It's not possible to choose exactly posisiton e.g. in pixels. You are linking to specified area, if you'll create another area between your two widgets (e.g. <div id="between") then you can link to this area. - and when you click this between menu item, begining of the page will be exactly at the begginning of this area - but in this case fixed menu will cover top part of this between area, so you have to use margin/padding.