• Resolved fferrari

    (@fferrari)


    Hi Guys!
    I saw a big Cumulative Layout Shift only on mobile.

    I use wprocket:
    99 for Desktop
    60 mobile

    I tryied to load js deferrer with explusion, and the same with delay js execution wth exclusion.
    I dont know if im doing well:

    Js deferred, exclution:
    /sticky-header-effects-for-elementor/
    .elementor-menu-toggle
    /wp-content/cache/min/1/wp-content/plugins/sticky-header-effects-for-elementor/assets/js/she-header.js
    .elementor-nav-menu

    Delay JS execution, exclution:
    /sticky-header-effects-for-elementor/
    /elementor-pro/
    /elementor/
    .elementor-menu-toggle
    /wp-content/cache/min/1/wp-content/plugins/sticky-header-effects-for-elementor/assets/js/she-header.js
    .elementor-nav-menu

    any idea to solve this?
    thank you so much

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor Robert Wattner

    (@rwattner)

    @fferrari Hi, could you please describe the shift you are referring to? I just looked at the site on mobile and it seems fine. Although, I’m not sure if I should be looking for something specific. Thanks

    Thread Starter fferrari

    (@fferrari)

    Robert! how are you?
    Thank you a lot for your help! appreciate your time.

    `check this video:
    https://www.webpagetest.org/video/view.php?tests=220209_AiDcCE_EJK-r:1-c:0

    I used this site to check it and try to understand where is the problem, and you will see that move all the content to up when the plugin is loaded and for this rason contribute to CLS. And I dont know what I need to to do to solve this.
    (see to the second 3)

    thank you again

    Plugin Contributor Robert Wattner

    (@rwattner)

    Hi, I’m good, thanks. How are you?
    The video looks like there is a delay being caused transitioning the header section from position:relative to position:absolute. This css is applied in the modules/transparent/module.php file.
    Basically removing the header height from the page too late.
    This might be solved by turning the transparent header off, and using negative bottom margin to achieve a “transparent” header. I usually set the header section min-height so I know exactly how much negative margin is needed. Example if header min-height:120px then margin bottom: -120px.
    I hope this helps. If not, maybe some css to match initial header position would result in no strange transition.
    Let me know how it goes

    Thread Starter fferrari

    (@fferrari)

    Thank you so much for your help!!!

    Plugin Contributor Robert Wattner

    (@rwattner)

    @fferrari Hi, I was wondering if you had any luck with your site?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Cumulative Layout Shift in mobile’ is closed to new replies.