Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

scrolling to extra class name row

row sections
    • 8 years, 7 months ago marco.resinofacile
      Participant

      Expired

      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

       

       

       

    • 8 years, 7 months ago marco.resinofacile
      Participant

      Expired

      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

    • 8 years, 7 months ago Mirela
      Participant

      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!

    • 8 years, 7 months ago marco.resinofacile
      Participant

      Expired

      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

    • 8 years, 7 months ago marco.resinofacile
      Participant

      Expired

      This reply has been marked as private.
    • 8 years, 7 months ago Mirela
      Participant

      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!

Viewing 5 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password