-
-
Hi,
I built and pubblished a site with specular theme, using links to some rows in each page.
Thanks to the help of your support (this is the solved ticket: https://support.codeless.co/?topic=site-with-multiple-one-page-scrolling-pages), I successfully completed the site.
Now I have just one problem:
Look for example to this page: https://www.studiopezzoli.it/about/
In menu item about\strategie you I placed a link to section-id3 of the page.
But clicking on the link the page scrolles to the middle of the row and not to the top of the row. In this way the image that is the firts element of the row cannot be seen.
Please have a look to the screenshots:
– front end: https://pho.to/AhuKY
– backend: https://pho.to/AhuKi
Do you have any suggestions to get the scrolling at the beginning of the row so to get the image visible?
Regards
Marco
-
Hi,
I reviewed the problem of this topic and now I understand this:
when clickking on a link to section, the page correctly scrools to the section-id but it is the header and menu that covers the section
see screenshot: https://pho.to/Ai3L1
So one solution is to switch off sticky nav, but I would like to mantain sticky nav.
Is it ppossible to make header and menu smaller on scrolling?
Or do you suggest another solution?
Regards
Marco
-
Hello,
Sorry for the late reply.
Please check this related topic: https://support.codeless.co/?topic=sticky-nav-and-one-page-links-overlap
Let us know for anything.Best regards!
-
Hello,
I tried to modify the file “jquery.onepage.js” with this code:
<span style=”color: #4b4d4d; font-family: Inconsolata, Consolas, Monaco, ‘Lucida Console’, monospace; font-size: 15px; white-space: pre; background-color: #f9f9f9;”>scrollTo: function(target, callback) { var offset = $(target).offset().top; var topposition = offset – 70; $(‘html, body’).animate({ scrollTop: topposition }, this.config.scrollSpeed, this.config.easing, callback); </span>
But it seems nothing happen
Marco
-
-
Hello,
The change is made correctly. The problem is not in the code but in the fact that the page containing the links with section ids, is not set as an One page. Please go to your About page and see that the “Use menu as one page menu” options is set OFF.
The script as you can see from the name targets the onepage scripts. So in your case the changes would not give effect.If you have set up the site in order to not use only the one page layout, then i suggest you add more padding into the rows from the Row Settings > Padding, to achieve this.
Best regards!
-
You must be logged in to reply to this topic.