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

Sticky Nav Broken on page with Codeless Slider

    • 8 years, 11 months ago rrainey
      Participant

      Expired

      We have a basic codeless slider- actually based off several elements from the demo slider- and when it is on a page and the sticky nav is active, it breaks some of the sticky nav functionality. The slider works just fine.

      Specifically if a user scrolls back to the top of the page and the sticky nav “re-docks” The navigation turns white and the logo dissapears and is somehow replacd with the orange T from the demo data. I have attached imgs. If you scroll up and down rapidly- sometimes the regular nav returns and sometimes it’s just the T.

      This is on all browsers. When I remove the codeless slider the sticky nav behavior returns to normal. Seems like this may be a Javascript error.

      Please contact me if you need to see a working URL.

      [caption id="" align="alignnone" width="1266"]Correct nav beore scrolling Nav after scrolling down then moving back to top & “re-docking”[/caption]

      [caption id="" align="alignnone" width="1105"]Nav after scrolling down then moving back to top Correct Nav RJ Media Group[/caption]

      • This topic was modified 8 years, 11 months ago by rrainey.
    • 8 years, 11 months ago rrainey
      Participant

      Expired

       

      Thank you for any help.

      • This reply was modified 8 years, 11 months ago by rrainey.
    • 8 years, 11 months ago rrainey
      Participant

      Expired

      UPDATE: The logo is being changed to the light logo instead of the regular one on sticky nav “re-dock”. I have fixed that logo to use the regular logo so that is a work around that is ok for now.

      However all of the navigation turns white and cannot be seen. I see no settings for this and I don’t know why this would happen unless the javascript is calling the wrong element/styles. This still happens only on pages with the codeless slider and sticky nav active.

       

       

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      I suppose you have selected a dark version of header in the home page? You have to select the same header version in the sliders options as well. Please go to your Codeless slider > Slides > Codeless Slide Options > Layout > Menu & Slider Navigation Color, select the dark version. See screenshot.
      Do this for every slide of the slider.

      Best regards!

    • 8 years, 10 months ago rrainey
      Participant

      Expired

      Thank you, that worked. Interesting that the two are linked like that. I would have thought them independent. Apologies for thinking it was a bug.

    • 8 years, 10 months ago Mirela
      Participant

      Hello,

      No worries. We are here to help.
      Let us know if you have further questions.

      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