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 Menu not responsive

    • 9 years, 10 months ago kietphung
      Participant

      Hi. I have a one page navigation website with a sticky menu. Everything works when the website first loads, however the menu is no long sticky when the page is re-sized (as in when I go from a small screen to maximize or the other way around). The menu still works but it anchors at the top and doesn’t appear as you scroll down when the page is re-sized. The menu works again on refresh.

      Thanks in advanced for the help.

    • 9 years, 10 months ago Ruco
      Keymaster

      Hello,

      You want the sticky menu on responsive, or you want it on window re-size?

      Please edit the file ‘/js/main.js’.

      To show the sticky header on window resize

      1. Add this line:

      if($('body').hasClass('sticky_active') && $window_width >= 980) 
      		codelessStickyNav();

      after the line 162:

      after this:

      $(window).resize(function(){
      	"use strict";	


      To show the sticky header on responsive

      1. If you want the sticky on responsive then add this one below line 162:

      if($('body').hasClass('sticky_active')) 
      		codelessStickyNav();

      Also at line 132, replace the condition with this code:

      if($('body').hasClass('sticky_active')) 

      2. Add this css code at custom css box

      .sticky_active .header_wrapper, .header_4 .header_wrapper {
          position: fixed !important;
      }

      Best regards!

      • This reply was modified 9 years, 10 months ago by Ruco.
      • This reply was modified 9 years, 10 months ago by Ruco.
Viewing 1 reply thread

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