Docs

[Satchel L]

I am using both superfly fixed and x-nav fixed with x top bar

When you scroll down the superfly menu looses alignment with the x-nav because of the top bar.

How can we fix this?

Please observe here: http://justbreathe.staging.wpengine.com/

[Nico]

Hi There,

Thanks for writing in.

Not sure what the problem is. Would you mind sharing us more details of the issue. Screenshot or screencast would be great.

Thanks.

[Satchel L]

Few issues here.

First. All the settings that I had set for Superfly have no been removed. When I go into superfly everything is empty as if I have not yet set anything. I noticed that in the activate section all the info is gone. When I try to enter in the purchase code it tells me the it’s invalid. See screenshots verifying that it should be correct.

Additionally, I have attached screenshots of the menu icon placement and how it moves on scroll down.

[Satchel L]

Attached is menu placement screenshots

[Satchel L]

This reply has been marked as private.

[Lely]

Hi Satchel,

There’s a type error on your Customizer > Edit Global Javascript:

Query(document).ready(function($) {
  $(window).scroll(function() {
    var scrollPos = $(window).scrollTop();
        navbar = $('.x-navbar');

    if (scrollPos > 100) {
      navbar.addClass('alt-color');
    } else {
      navbar.removeClass('alt-color');
    }
  });
});

Check this line:
Query(document).ready(function($) {
j is missing. Should be like this:
jQuery(document).ready(function($) {

Then also try disabling myStickymenu plugin. It is throwing a JS error too. Then try again.

[Satchel L]

What about my Superfly activation issue?

[Rahul]

Hey There,

Thanks for writing back!

Superfly is a bundled Plugin which comes with the X-theme. It doesn’t require any registration or Purchase code to activate. Once your X-theme is activated, you are free to use all the bundled extensions of X theme for free without using any purchase code.

Additionally, if you are looking for premium supports from the developers of that Plugin, you need to purchase a fresh Superfly plugin from the link mentioned below :

https://codecanyon.net/item/superfly-responsive-wordpress-menu-plugin/8012790

Hope this clears up things!

Thank you!

[Satchel L]

Something very buggy with Superfly. Take a look at this screen capture: https://s3.amazonaws.com/uco-clients/SuperFly.mp4

[Rad]

Hi there,

I just tried it and it works, it remains saved after reloading and SuperFly Menu appears on top left in the front. As for Assign Menu, you’ll have to go to Admin > Appearance > Menus and assign one to Primary location.

Or are you trying to hide the Assign menu? It’s not part of SuperFly.

Thanks!

[Satchel L]

I’m getting extremely frustrated. I just spent a good 2 hours styling my superfly menu the way I wanted in. I saved it multiple times after changing every setting. Going back and fourth and the settings were saved. Then as I was about finished I went in to change something and EVERYTHING was gone. It reset back to default all my custom CSS was removed. Why would this be happening? Currently on the front end the menu is still there the way I styled it. However, if I click save changes inside the Superfly setting everything will be gone.

[Rad]

Hi there,

There could be two possible reasons, the database has caching and non-consistent with the data you’re frequently adding. But I’m not able to reproduce this issue on my end within your site. Or something with the browser, I had a similar experience on different plugin and works okay with other browsers, could you try that too?

I checked again and I’m not really getting the issue you’re having. I do see your SuperFly work now.

Thanks!

[Satchel L]

Thanks

However, brings my back to the original issue and why I created this thread. I removed all JS and the it’s still happening. Maybe I need to add some JS for this to even work. I’ve styled the superfly menu to be aligned with the x-nav menu. However, when you scroll down the position shifts. Take a peek at the screenshots. Any idea how to keep them aligned indefinitely?

[Rue Nel]

Hello There,

I am another staff checking on this thread! To align the Superfly Menu and the Navbar, please do the following:
1] Please add the following JS code in the customizer, Appearance > Customize > Custom > Javascript

(function($){
  $(window).on('load scroll', function(){
      if ( $('.x-navbar').hasClass('x-navbar-fixed-top') ){
	    $('body').addClass('page-scrolled');
	  } else {
	    $('body').removeClass('page-scrolled');
	  }
  });
})(jQuery);

2] And then please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.page-scrolled .sfm-navicon-button {
    top: 40px !important;
}

This should resolve the issue. We would loved to know if this has work for you. Thank you.

[Satchel L]

YES! Thank you!

[Author]

Posts