[Jason AParticipant]

Good Morning,

I was hoping to make it where mobile viewers will only see the superfly menu when they access the website http://www.sisterlystitch.com.

I located the button function, but I couldn’t find a setting to make superfly menu the only thing that appeared when accessed mobile. I would like to make it fullscreen view on mobile, but keep the side view I have on the desktop.

Thank you for your help.

[Rue NelModerator]

Hello There,

Thanks for writing in! If you only want the SuperFly menu in mobile screens, you must set it in the general settings.
http://prntscr.com/em3or9

And by the way, please make sure that the button in the Button tab is enabled.

Hope this helps.

[Jason AParticipant]

I have made the changes, but the only thing that shows is a button they would need to press to reveal the superfly menu.

My goal is to have the menu itself visible when they arrive on the mobile version of the website. How do I make this happen?

Thank you for all of your help.

[RadModerator]

Hi Jason,

Please add this code to Admin > Appearance > Customizer > Custom > Javascript.

jQuery(document).ready(function($) {

setTimeout( function() { $('.sfm-navicon-button').trigger('tap');  }, 700 );  

});

Hope this helps.

[Jason AParticipant]

Thank you for your efforts, but the mobile view still remains as the button and the not the open superfly menu when the page loads. Any other ideas?

Thanks again.

[RadModerator]

Hi Jason,

I just checked it and it’s working, please try clearing your mobile browser cache.

Thanks!

[Jason AParticipant]

Rad,

Thank you it is working. The final thing is on the main website I want the superfly menu always visible (which it is), but on mobile I only want the open menu part to be on the first page when they arrive at the website.

How do I set it up so on mobile the superfly menu is only open on the homepage and not the other pages?

Right now, when they get to homepage and they click on a category, the superfly menu is open on the next page so the user never gets to see the items.

Thank you for your help.

[LelyModerator]

Hi There,

Please update the code to this:

jQuery(document).ready(function($) {

    var width = $(window).width();
    if(width <= 980) {
     if($( "body" ).hasClass( "home" )){
        setTimeout( function() { $('.sfm-navicon-button').trigger('tap');  }, 700 );  
     }
   }else{
        setTimeout( function() { $('.sfm-navicon-button').trigger('tap');  }, 700 );  
   }
});

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Jason AParticipant]

This worked perfectly and sincerely, thank you for your help.

Have a great rest of your day.

[RahulModerator]

Glad we were able to help you out.

Feel free to ask us again. 🙂

[Author]

Posts