Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1047569

    Hi there,
    I’ve recently updated my site with WordPress 5.0.2 and had a few problems with the links of a fullwidth sub menu not working.

    I found this thread (https://kriesi.at/support/topic/issues-with-fullwidth-submenu/?login_error) and that fixed the inactive links but the menu is jumping off screen (to the right) when the page loads.

    The code that I added was;

    #top .av-submenu-container.av-sticky-submenu {
    z-index: 301;
    }

    Any idea what the problem might be?
    Thanks! Suze.

    #1047746

    Hey Suze,

    Could you please clear the cache, check again and get back to us.

    Which browser are yu using?

    Best regards,
    Victoria

    #1048936

    Hi Victoria,
    I am using Google Chrome Version 71 and my client is using IE and Chrome and receiving the same result.

    #1049200

    Hi,

    That is happening because the rule you added is on a position where it is loaded after the main web site so until it is loaded, it looks like that.
    You can try add !important; to the CSS rules, or load the rule on top of the page.

    Best regards,
    Basilis

    #1049406

    Hello,
    Thanks for your help so far… but I don’t seem to be having any joy with that.
    I tried the adding the following rule (as well as one with !important;) to many positions but only received the same result.

    #top .av-submenu-container.av-sticky-submenu {
    z-index: 301;
    }

    I’m receiving a slightly different error than Victoria has shown – the menu is bouncing out of the frame when loading.
    Any further suggestions?
    Many thanks!!

    #1049633

    Hi,

    The loading glitch you see may be because the CSS is loading a second later. Please update the theme to the latest version by going to Appearance > Themes > Enfold > Update now

    The theme update should fix this issue if not please get back to us and let us know if we have the permission to deactivate the plugins and check for the issue.

    If you have not yet registered with a personal token you may have to register the theme again.

    Best regards,
    Vinay

    #1050476

    Hi Vinay, I’ve updated the Theme to Version 4.5.2 which unfortunately has not fixed the problem.
    I tried deactivating the Classic Editor plugin since this is new but that didn’t make any difference.
    I would really appreciate you taking a look at and testing the other plugins as I’m a bit out of my league with this.

    #1051196

    Hi,

    This css code should help contain the full width sub menu element within the box container:

    #top .av-submenu-container.av-sticky-submenu {
        max-width: 100%;
    }

    Best regards,
    Ismael

    #1051545

    Sorry to say that this did not work either…

    #1052290

    Hi,

    I modified the code a bit and it seems to be working now. Please remove the browser cache prior to checking the page.

    #top .av-submenu-container.av-sticky-submenu {
        max-width: 100%;
    }
    
    .html_boxed #main {
        position: relative;
        overflow: hidden;
    }

    Best regards,
    Ismael

    #1052541

    Hoorah! Thank you so much. That worked and the submenu is behaving as it should again.
    Where would we all be without the Enfold Support Team? I will continue to use and recommend Enfold because of this.
    Thanks again for everyone’s assistance!! Case closed.

    #1052976

    Hi,

    Great, glad we could help and thank you very much for the kind words :-)

    I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Fullwidth Sub Menu jumping off screen’ is closed to new replies.