www.wysiwygwebbuilder.com

Hi Pablo,

I cannot get my menu option to scroll down to the correct position of my bookmark.

See the following URL and click on OUR STORES.

http://gestionentreprise.ca/dev/gimilimedia/EM

Thank you for your help ...

Are you using a bookmark object or using the layer as the bookmark? Scrolling to a bookmark will always put the bookmark at the top of the browser. Since you have a fixed header that overlaps the page, you will need to set an offset equal to the height of your header.

Hi crispy68,

I tried both a bookmark object and a layer as the bookmark; same result.

I will try your offset solution.

Thanks ...

If you use the layer as the bookmark, just set the offset to the height of your header.

Tried the offset, but it still does not work.

I set the header to floating instead of fixed and that works; but I lose the header when I scroll down which is not what I prefer.

Thanks ...

Tried the offset, but it still does not work.

You don't say which method you tried. Are you using the bookmark object or the bookmark option for the layout grid?

It works for me.

See this demo I put together: https://wizbangwebdesign.com/demo/bookm ... slide.html

Can you provide a copy of your project file to see?

I sent the WBS to your ron@wizbangwebdesign.com email.

Wasn't sure how else to do it.

Thanks ...

Note that the file is after I set all the grids to floating.

Is this what you are after?

https://wizbangwebdesign.com/demo/euro/

Yes sir; that is exactly what I am looking for!

May I as what I am doing wrong ?

Many thanks ...

None of your bookmarks had any offsets as I had suggested.

To fix the issue do the following:

1. Remove all of your bookmark objects

2. Open up the properties of your header and set the Position = header (fixed)

3. Right click on your MainCarousel, click margin and add 153px to the top. This is so it positions the carousel under the header. Why 153px? Because this is the height of your header (or at least in my project).

4. Open up the properties for each of these layout grids: StoresHeaderLayoutGrid, FlyerHeaderLayoutGrid and ContactHeaderLayoutGrid and do the following:

Click the Bookmark tab, check the box 'Enable Smooth Scrolling' and set the offset to 153 for all 3 of these layout grids. You can also adjust the speed of the scroll if want to.

5. Open up your CSS menu, click on OUR STORES and set the bookmark to StoresHeaderLayoutGrid. Do the same for OUR WEEKLY FLYER and CONTACT US setting those to FlyerHeaderLayoutGrid and ContactHeaderLayoutGrid respectively.

That's it. Use the layout grids as the bookmark versus a separate bookmark object.

Also as a note, in your StoresLayoutGrid instead of using 20px invisible lines to space the text object on top and bottom, add 20px padding to the top and bottom of the actual text object by right clicking on the text object. This is much better than using the lines.

Thank you - thank you - thank you ....

I was confusing Offset with Margin and adding pixels to the bookmark positions to compensate for the carousel position.

For the 20 px invisible lines to space the text object on top and bottom, I tried padding the text top and bottom but it didn't work. I now realized that the text in question is a Predefined Style, so the 20 px padding has to be done in the Predefined Style - it now works.

Thank again ....