I’m using the Esperanto template and when I click on a menu item, to navigate down the page, the CSS menu overlaps the content/title.
It is using Anchors (which I haven’t used before). I can’t see how to adjust these so that the page ‘jumps’ to the anchor, but leaves it clear of the CSS menu at the top. I can’t move the Anchors.
Can anyone tell me how to do this? (Is the template supposed to behave in this way?)
The SmoothScroll Action can help you out of this. There is a setting for offset, fiddle with that to get the anchor to appear below your fixed header. If you don’t like the luxurious scroll effect, you can set the effect duration to 0, which will act just like a regular anchor link.
Hi Grant,
Normally links to anchor points will jump to the specified point on the page but the template contains a JavaScript function that replaces this with a smooth scroll. As well as the smooth scrolling it adjusts the scroll so that the page stops 100 pixels above the desired anchor. Looking at your screen shot it looks like there isn’t enough room above the ‘welcome’ header for the script to scroll to. If you look at the Esperanto template there should be a div called ‘TopSpacer1’ which looks like it may have been removed or unpublished on your site. Add it back in and it should be OK.
Regards,
Tim.
On 1 Oct 2014, at 14:59, grantsymon wrote:
I’m using the Esperanto template and when I click on a menu item, to navigate down the page, the CSS menu overlaps the content/title.
This is very strange. The template already has the Smooth Scroll action applied, but changing the ‘Offset from Top’ setting in the Actions window, makes absolutely no difference at all!
I’ve uploaded the template, with nothing changed except the setting ‘Offset from Top’ which I set to 500. Can you tell what is happening?
Hi Grant,
It is good to be able to see the page itself as I can see that that div is there. What is missing, however, are a couple of scripts from the top of the page source;
They should be prototype and scriptaculous. I’m not sure why these are missing but try holding down the control key and selecting File > Publish everything. I’m hoping this will cause the scripts to get written to the page again.
I’ve seen numerous issues of Actions failing to manage files like this in the past and it looks like the Action here has just lost track of these files.
Regards,
Tim.
On 1 Oct 2014, at 17:22, grantsymon wrote:
Tim, TopSpacer1 is indeed in the template, as you can probably see.
I’ve done ‘Publish Everything’ … not sure if it should then show correctly in the browser preview … but it didn’t. I uploaded and as you will see, nothing has changed.
I have to confess to running the Developer GM of Yosemite and I haven’t tried with an older version of the OS … have to wait till the morning for that … but I don’t see why it should be a problem.
Try removing the Action from the page, publishing once, and then re-adding it (and re-configuring it) and publishing again. The issue is likely to do with the document’s Action cache, and the Action losing touch with the Action-generated files. I really need to go through all of these aging Scripty Actions and re-do them in my modern style, as a link to the CDN file, and not as Action-generated files. Despite massive amounts of work by Softpress in this area over the years, it remains my biggest user-reported issue, to the point that I probably should make a Text Expander snippet for the above advice.
Walter
On Oct 1, 2014, at 4:19 PM, grantsymon email@hidden wrote:
Thanks Tim.
I’ve done ‘Publish Everything’ … not sure if it should then show correctly in the browser preview … but it didn’t. I uploaded and as you will see, nothing has changed.
I have to confess to running the Developer GM of Yosemite and I haven’t tried with an older version of the OS … have to wait till the morning for that … but I don’t see why it should be a problem.
I removed the Smooth Scroll action from the page, saved, previewed in browser, re-applied the action to the page, saved, previewed in browser … no difference. I still have the overlap.
