Tabs not working on mobile

This topic contains 12 replies, has 3 voices, and was last updated by  Fulvio Di Stefano 7 months, 3 weeks ago.

  • Author
    Posts
  • #512099

    Fulvio Di Stefano
    Full Member
    Post count: 134

    I am experiencing a weird issue whereby the tabs work on desktop but not on mobile, I tried to troubleshoot but no solution, I disabled all other plugins but the geo-directory ones but it failed to work still

    #512100

    Fulvio Di Stefano
    Full Member
    Post count: 134
    This reply has been marked as private.
    #512175

    Alex Rollin
    Moderator
    Post count: 27813
    This reply has been marked as private.
    #512295

    Naveen Giri
    Moderator
    Post count: 1559

    Hi Fulvio Di Stefano,

    I have checked site. it seems you are using tabs shortcode twice on detail page. one for desktop and one for mobile.
    which causing this issue.

    Please use following js code to quick fix tabs click.

    
      jQuery('.geodir-tabs span.geodir-mobile-active-tab').parent('div').click(function() {
            jQuery(this).parents('.geodir-tabs').find('.geodir-tab-head').toggle();
        });
    

    Thanks

    #512340

    Fulvio Di Stefano
    Full Member
    Post count: 134

    I tried but still the tabs dont toggle, they are clickable but they dont toggle the tabs in mobile unfortunately

    #512453

    Naveen Giri
    Moderator
    Post count: 1559
    This reply has been marked as private.
    #512542

    Fulvio Di Stefano
    Full Member
    Post count: 134

    Thank you Naveen, but it doesnt seem to work unfortunately.

    #512597

    Naveen Giri
    Moderator
    Post count: 1559

    Hi Fulvio Di Stefano,

    On which device you checking it. i am checking on android and its fine.

    Please make sure to clear browser cache and try again.

    Thanks

    #512752

    Fulvio Di Stefano
    Full Member
    Post count: 134

    Hello Naveen, actually this code introduces a bug, it removes the post slider.

    function remove_desktop_layout() {
    	if(wp_is_mobile() ){
        ?>
            <script type='text/javascript'>
    			jQuery(document).ready(function(){
    				console.log('heere');
    				jQuery('.entry-content div#et-boc:nth-child(2)').remove();
    			});
            </script>
        <?php
    	}
    }
    add_action('wp_head', 'remove_desktop_layout');
    #512753

    Naveen Giri
    Moderator
    Post count: 1559

    Hi Fulvio Di Stefano,

    can you please send screensort of that screen.
    I will check it further.

    Thanks

    #512761

    Fulvio Di Stefano
    Full Member
    Post count: 134
    This reply has been marked as private.
    #512999

    Naveen Giri
    Moderator
    Post count: 1559

    Hi Fulvio Di Stefano,

    please take a look now.

    Thanks

    #513127

    Fulvio Di Stefano
    Full Member
    Post count: 134

    Ok, thanks

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Tabs not working on mobile’ is closed to new replies, this may be for inactivity, please open a new topic if you have a similar question.