-
AuthorPosts
-
December 20, 2018 at 4:47 am #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.December 20, 2018 at 3:29 pm #1047746Hey Suze,
Could you please clear the cache, check again and get back to us.
Which browser are yu using?
Best regards,
VictoriaDecember 24, 2018 at 12:05 am #1048936Hi Victoria,
I am using Google Chrome Version 71 and my client is using IE and Chrome and receiving the same result.December 29, 2018 at 8:49 pm #1049200Hi,
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,
BasilisJanuary 3, 2019 at 12:35 am #1049406Hello,
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!!January 3, 2019 at 4:33 pm #1049633Hi,
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,
VinayJanuary 6, 2019 at 4:12 am #1050476Hi 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.January 8, 2019 at 6:16 am #1051196Hi,
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,
IsmaelJanuary 9, 2019 at 2:57 am #1051545Sorry to say that this did not work either…
January 10, 2019 at 11:50 am #1052290Hi,
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,
IsmaelJanuary 11, 2019 at 12:51 am #1052541Hoorah! 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.January 12, 2019 at 6:20 am #1052976 -
AuthorPosts
- The topic ‘Fullwidth Sub Menu jumping off screen’ is closed to new replies.