Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1405005

    envirogroup
    Participant

    Hi. As you can see from my picture attached, if i click on any of the main nav bar headings on a mobile device, nothing happens, until yo have to click exactly on the arrow. is there anyway i can change this so that once i click on each of the main headings it will show me the sub pages? instead of having to click exactly on the arrow.

    Thanks

    #1405131

    Rupok
    Member

    Hi there,

    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.

    #1405180

    envirogroup
    Participant
    #1405251

    Rupok
    Member

    Hi there,

    Thanks for the URL. Looks like it’s working as expected as it supposed to be opened with the click on arrow. Imagine you have links on the parent item as well, so clicking on them supposed to open the link assigned to them hence the submenu should be opened though arrow.

    Hope this makes sense.

    #1405316

    envirogroup
    Participant

    Hi.

    So, can I have the sub menu about by clicking the main headings? How do i add links to the parent? I am a bit confused. thanks

    #1405566

    Nabeel A
    Moderator

    Hi again,

    Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

    jQuery(document).ready(function($){
    	$('.menu-item-has-children').on('touchend click', function(e) {
    		$(this).find('.sub-menu').toggleClass('in');
    	});
    	$('.x-sub-toggle').on('touchend click', function(e) {
    		e.preventDefault();
    		$(this).parents('.menu-item-has-children').find('.sub-menu').toggleClass('in');
    	});
    });

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

    #1406196

    envirogroup
    Participant

    HI. This didn’t work please see the video attached. Can you advise?

    Thank You.

    #1406301

    Christopher
    Moderator

    Hi there,

    The code works fine, please see :

    Please clear cache and check again.

    Thanks.

    #1406326

    envirogroup
    Participant

    Yes it works fine on the laptop but not on a mobile. I have cleared the cache.

    #1406530

    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    Your screenshot/video was not uploaded due to exceeded file size. Your attachment should be within 512KB. You can also use this tool to add your screenshot – http://prnt.sc

    Cheers!

    #1406605

    envirogroup
    Participant

    Hi.

    I can’t get it uploaded through that tool. Here is a link https://drive.google.com/open?id=0B8VZtdbeUTUPWEFoTlcwcDlnRms does that help?

    #1406756

    Rupok
    Member

    Hi there,

    Can you confirm you have added the code properly? I can’t see the code on your site.

    Thanks!

    #1407856

    envirogroup
    Participant

    Hi Rupok, i removed it as i needed to navigate through my site on the mobile device. Can you advise?

    #1408061

    Thai
    Moderator

    Please provide us with your admin account so we can take a closer look.

    Thanks.

    #1408071

    envirogroup
    Participant
    This reply has been marked as private.