[Resolved] mobile menu issue

Home Forums Support mobile menu issue

Viewing 15 posts - 1 through 15 (of 25 total)
  • Author
    Posts
  • #1436111
    el-mob

    Hi I’m having trouble with my mobile menu
    on some pages, it shows the toggle and search icon in different locations

    thanks

    #1436482
    David
    Staff
    Customer Support

    Hi there,

    can you direct me to a page where the Icon and Menu toggle are incorrect ?

    #1437427
    el-mob

    it’s basically all over the site sometimes it loads correctly and sometimes not try to navigate on a mobile device
    thanks, elad

    #1437458
    Leo
    Staff
    Customer Support

    I just checked both pages you’ve linked using Chrome mobile simulator and my phone but not seeing the issue.

    You’ve mentioned that it sometimes happen so I would think that it’s related to your caching plugin.

    Can you disable that and do some testing?

    #1437522
    el-mob

    Hi I did disable the catch plugin and all other plugins still same issue

    ley me send you a screen shout so u can see what I’m talking about

    just leet mee know how to sent to u

    thanks

    #1437848
    David
    Staff
    Customer Support

    To send us a screenshot use a service like imgur or other image sharing site. Or simply upload the screenshot to your Media Library or Cloud drive and provide us a link.

    #1437875
    el-mob

    12

    #1437876
    el-mob

    image

    #1437920
    David
    Staff
    Customer Support

    OK – that issue is because your Logo is being Lazy Loaded. Which plugin are you using for that ? The plugin should have an option to disable lazy load on specific images. You need to disable it on the Logo,

    #1438498
    el-mob

    im using wp rocket

    #1438506
    Elvin
    Customer Support

    Hi elad,

    You can try following WP Rocket’s guide on disabling lazy load on your logo.
    https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images

    Let us know if you were able to make it work. Cheers.

    #1438526
    el-mob

    i tried function rocket_lazyload_exclude_src( $src ) {
    $src[] = ‘https://staging1.xxxxxxxxxxxx.com/wp-content/uploads/2020/09/xxxxxx.svg’;

    return $src;
    }
    add_filter( ‘rocket_lazyload_excluded_src’, ‘rocket_lazyload_exclude_src’ ); but dosnt work for me

    #1438536
    Elvin
    Customer Support

    Perhaps targeting the logo by class attribute is more suited.

    You can try this code.

    function rocket_lazyload_exclude_class( $attributes ) {
    	$attributes[] = 'class="header-image lazyloaded"';
    
    	return $attributes;
    }
    add_filter( 'rocket_lazyload_excluded_attributes', 'rocket_lazyload_exclude_class' );

    After applying, clear browser cache and reload the page.

    #1438548
    el-mob

    this break thee site
    https://postimg.cc/bZ4HYyjc

    #1438576
    Elvin
    Customer Support

    Strange, the code provided doesn’t cause any errors on my end.

    Anyway, I’ve checked your site again and it seems to be working fine now. As shown here:
    https://share.getcloudapp.com/rRu7K2Zb

    Seems like you’ve disabled WP Rocket’s Lazy Load – Optimize Images plugin already as it doesn’t show in the DOM anymore.

    I believe its better that way as the site doesn’t have to load more plugins. Plus it saves you the hassle of trying to solve the lazy loading issue caused by it.

    Let us know if there are any other issues. Feel free to open up a new topic if a new issue shows up. 🙂

Viewing 15 posts - 1 through 15 (of 25 total)
  • You must be logged in to reply to this topic.