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

Responsive Menu

    • 5 years, 2 months ago mameomame
      Participant

      Hi,

      Header Menu doesn’t show less than max-width 991px.

      We would like to use smaller font and hamburger menu.

      Our website is

      https://www.aprestocare.com/

      Kind regards,

    • 5 years, 2 months ago Ludjon
      Keymaster

      Hi,

      Just checked, you have switched off the display of right column (header) on responsive devices.

      Do this:

      Go to Customizer -> Header -> Main header -> click the EYE icon on Right column and Save

      This should fix the issue

      Thanks

    • 5 years, 2 months ago mameomame
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ludjon
      Keymaster

      Hi,

      Did you run the latest version of Theme?

      Try this:

      replace file js/jquery-onepage.js with:

      /*
       * jQuery One Page Nav Plugin
       * https://github.com/davist11/jQuery-One-Page-Nav
       *
       * Copyright (c) 2010 Trevor Davis (https://trevordavis.net)
       * Dual licensed under the MIT and GPL licenses.
       * Uses the same license as jQuery, see:
       * https://jquery.org/license
       *
       * @version 3.0.0
       *
       * Example usage:
       * $('#nav').onePageNav({
       *   currentClass: 'current',
       *   changeHash: false,
       *   scrollSpeed: 750
       * });
       */
      
      ;(function($, window, document, undefined){
      
      	// our plugin constructor
      	var OnePageNav = function(elem, options){
      		this.elem = elem;
      		this.$elem = $(elem);
      		this.options = options;
      		this.metadata = this.$elem.data('plugin-options');
      		this.$win = $(window);
      		this.sections = {};
      		this.didScroll = false;
      		this.$doc = $(document);
      		this.docHeight = this.$doc.height();
      	};
      
      	// the plugin prototype
      	OnePageNav.prototype = {
      		defaults: {
      			navItems: 'a',
      			currentClass: 'current',
      			changeHash: false,
      			easing: 'swing',
      			filter: '',
      			scrollSpeed: 750,
      			scrollThreshold: 0.5,
      			begin: false,
      			end: false,
      			scrollChange: false
      		},
      
      		init: function() {
      			// Introduce defaults that can be extended either
      			// globally or using an object literal.
      			this.config = $.extend({}, this.defaults, this.options, this.metadata);
      
      			this.$nav = this.$elem.find(this.config.navItems);
      
      			//Filter any links out of the nav
      			if(this.config.filter !== '') {
      				this.$nav = this.$nav.filter(this.config.filter);
      			}
      
      			//Handle clicks on the nav
      			this.$nav.on('click.onePageNav', $.proxy(this.handleClick, this));
      
      			//Get the section positions
      			this.getPositions();
      
      			//Handle scroll changes
      			this.bindInterval();
      
      			//Update the positions on resize too
      			this.$win.on('resize.onePageNav', $.proxy(this.getPositions, this));
      
      			return this;
      		},
      
      		adjustNav: function(self, $parent) {
      			self.$elem.find('.' + self.config.currentClass).removeClass(self.config.currentClass);
      			$parent.addClass(self.config.currentClass);
      		},
      
      		bindInterval: function() {
      			var self = this;
      			var docHeight;
      
      			self.$win.on('scroll.onePageNav', function() {
      				self.didScroll = true;
      			});
      
      			self.t = setInterval(function() {
      				docHeight = self.$doc.height();
      
      				//If it was scrolled
      				if(self.didScroll) {
      					self.didScroll = false;
      					self.scrollChange();
      				}
      
      				//If the document height changes
      				if(docHeight !== self.docHeight) {
      					self.docHeight = docHeight;
      					self.getPositions();
      				}
      			}, 250);
      		},
      
      		getHash: function($link) {
      			return $link.attr('href').split('#')[1];
      		},
      
      		getPositions: function() {
      			var self = this;
      			var linkHref;
      			var topPos;
      			var $target;
      
      			self.$nav.each(function() {
      				linkHref = self.getHash($(this));
      				$target = $('#' + linkHref);
      
      				if($target.length) {
      					topPos = $target.offset().top;
      					self.sections[linkHref] = Math.round(topPos);
      				}
      			});
      		},
      
      		getSection: function(windowPos) {
      			var returnValue = null;
      			var windowHeight = Math.round(this.$win.height() * this.config.scrollThreshold);
      
      			for(var section in this.sections) {
      				if((this.sections[section] - windowHeight) < windowPos) {
      					returnValue = section;
      				}
      			}
      
      			return returnValue;
      		},
      
      		handleClick: function(e) {
      			var self = this;
      			var $link = $(e.currentTarget);
      			var $parent = $link.parent();
      			var newLoc = '#' + self.getHash($link);
      
      			if(!$parent.hasClass(self.config.currentClass)) {
      				//Start callback
      				if(self.config.begin) {
      					self.config.begin();
      				}
      
      				//Change the highlighted nav item
      				self.adjustNav(self, $parent);
      
      				//Removing the auto-adjust on scroll
      				self.unbindInterval();
      
      				//Scroll to the correct position
      				self.scrollTo(newLoc, function() {
      					//Do we need to change the hash?
      					if(self.config.changeHash) {
      						window.location.hash = newLoc;
      					}
      
      					//Add the auto-adjust on scroll back in
      					self.bindInterval();
      
      					//End callback
      					if(self.config.end) {
      						self.config.end();
      					}
      				});
      			}
      
      			e.preventDefault();
      		},
      
      		scrollChange: function() {
      			var windowTop = this.$win.scrollTop();
      			var position = this.getSection(windowTop);
      			var $parent;
      
      			//If the position is set
      			if(position !== null) {
      				$parent = this.$elem.find('a[href$="#' + position + '"]').parent();
      
      				//If it's not already the current section
      				if(!$parent.hasClass(this.config.currentClass)) {
      					//Change the highlighted nav item
      					this.adjustNav(this, $parent);
      
      					//If there is a scrollChange callback
      					if(this.config.scrollChange) {
      						this.config.scrollChange($parent);
      					}
      				}
      			}
      		},
      
      		scrollTo: function(target, callback) {
      			var offset = $(target).offset().top-75;
      
      			$('html, body').animate({
      				scrollTop: offset
      			}, this.config.scrollSpeed, this.config.easing, callback);
      		},
      
      		unbindInterval: function() {
      			clearInterval(this.t);
      			this.$win.unbind('scroll.onePageNav');
      		}
      	};
      
      	OnePageNav.defaults = OnePageNav.prototype.defaults;
      
      	$.fn.onePageNav = function(options) {
      		return this.each(function() {
      			new OnePageNav(this, options).init();
      		});
      	};
      
      })( jQuery, window , document );

      Check and let me know

    • 5 years, 2 months ago mameomame
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ruco
      Keymaster

      Hello,

      I have tried to access your WordPress Dashboard but it seems impossible because there is an Asian alphabet so I can’t type on my keyboard.

      Please try to delete the Codeless Builder and install it again. If you can’t find it on the notices Go to Plugin > Add New Plugin > Search > Codeless Page Builder and install it.

      Let us know.

      Regards!

    • 5 years, 2 months ago mameomame
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ludjon
      Keymaster

      Hi,

      I saw you have fixed this issue if I am right. Sorry for the delay, coronavirus outbreak in our country

      Thanks for understanding

    • 5 years, 2 months ago mameomame
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ludjon
      Keymaster

      1) No worries about that, we will remove that feature. The latest child theme version is the one you are using. Also, codeless page builder 1.0.0 needed (no more Codeless Builder 2.3)

      2) Please Open Customizer -> Go to Blog -> search for blog align option -> change it center align.

      Thanks

    • 5 years, 2 months ago mameomame
      Participant
      This reply has been marked as private.
    • 5 years, 2 months ago Ludjon
      Keymaster

      You’re welcome :)

      If you like our theme and support, leave us a rating on Themeforest, it’s very important for us :)

      https://themeforest.net/downloads

      Thank You so much

Viewing 11 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