Bookmark issue
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/links.html
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/links.html
Bookmark issue
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 ...
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 ...
Re: Bookmark issue
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.
Re: Bookmark issue
Hi crispy68,
I tried both a bookmark object and a layer as the bookmark; same result.
I will try your offset solution.
Thanks ...
I tried both a bookmark object and a layer as the bookmark; same result.
I will try your offset solution.
Thanks ...
Re: Bookmark issue
If you use the layer as the bookmark, just set the offset to the height of your header.
Re: Bookmark issue
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 ...
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 ...
Re: Bookmark issue
You don't say which method you tried. Are you using the bookmark object or the bookmark option for the layout grid?Tried the offset, but it still does not work.
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?
Re: Bookmark issue
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.
Wasn't sure how else to do it.
Thanks ...
Note that the file is after I set all the grids to floating.
Re: Bookmark issue
Yes sir; that is exactly what I am looking for!
May I as what I am doing wrong ?
Many thanks ...
May I as what I am doing wrong ?
Many thanks ...
Re: Bookmark issue
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.
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.
Re: Bookmark issue
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 ....
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 ....