Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1176744
    Andrei
    Participant

    Hi,

    I have a problem with the sub-menu on the mobile. When I collapse the menu, for example COLLECTIONS, it collapses with a speed, but when I want to hide the sub-menu SINGULARITY the speed is not the same with the collapse speed, it lags. I would like the hide speed to be the same as the collapse speed. Thank you.

    #1176879
    Prasant Rai
    Moderator

    Hello Andrei,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Thanks.

    #1176894
    Andrei
    Participant

    Sorry, my url is //sinestezic.com

    #1177235
    Nabeel A
    Moderator

    Hi there,

    Thank you for providing the URL. Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    .collapsing {
        -webkit-transition: none !important;
        transition: none !important;
    }

    Let us know how this goes!

    #1177891
    Andrei
    Participant

    Hey there Nabeel,

    Thank you for your reply. Nothing changes. It doesn’t work.

    #1177961
    Rue Nel
    Moderator

    Hello There,

    Could you please update the css code and use this instead:

    .x-sub-toggle .sub-menu,
    .x-sub-toggle .sub-menu.collapse,
    .x-sub-toggle .collapsing {
        -webkit-transition: none !important;
        transition: none !important;
    }

    Hope this helps.

    #1178025
    Andrei
    Participant

    Hi Rue Nel,

    I tried it. Unfortunately it doesn’t work.

    #1178399
    Nabeel A
    Moderator

    Hi again,

    To fix the issue, please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

    jQuery(document).ready(function($){	
    	$('.x-sub-toggle').on('click touchend',function(e) {
    		e.preventDefault();
    		var submenu = jQuery(this).attr('data-target')
    		jQuery(submenu).toggle()
    	});
    });

    Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

    #1181049
    Andrei
    Participant

    Works great Nabeel. Thank you very much.

    #1181066
    Rue Nel
    Moderator

    You’re welcome! We’re happy to help you out.
    If you need anything else we can help you with, don’t hesitate to open another thread.

  • <script> jQuery(function($){ $("#no-reply-1176744 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>