Tagged: Fullwidth sub menu
Dear Support team,
I’ve noticed that Fullwidth Sub Menu is jumping from the right border on opening the page. Please, try this page as example – http://newartcommunity.ru/hor/. If you will click something in sub-menu you will see the same on opening the page.
There is no such behavior in IE, it works properly there.
Just a cosmetic flaw, but it would be great if you will be able to suggest how to fix it.
To notice this behavior horisontal screen resolution should be greater than 1000px and page should be opened in maximazed window of the browser.
Hi,
What mobile device and browser are you using?
Best regards,
Basilis
Hi,
I have mentioned the browsers already. I’m opening the site on usual pc running with Windows.
Hi,
This is due to the order of the stylesheets & page loading, the element is rendering before the rules for it’s placement. I see the same effect on Edge, Firefox, and Chrome for your site. There’s not a lot we can do, you could try using a caching plugin that Minify the HTML and combines the css, such as WP Fastest Cache This may help them load more inline with less time in between.
You could try adding a delay to the element like this:
#top .av-submenu-container {
visibility: hidden!important;
animation: 1s fadeIn;
animation-fill-mode: forwards; }
@keyframes fadeIn {
99% {visibility: hidden;}
100% {visibility: visible;}}
Best regards,
Mike