Currently i am redesigning the folllowing website: www.thecottonexpress.eu
Now there is a bit of problem when on mobile you try to click the menu. It slides open but a little laggy and it shows first the link items popping up before the loading slide is loaded in. This looks a bit unproffesional.
Do you guys know if i can fix this with css?
I tried adding transition all css rule and tried to find the culprit but could not find it.
The issue occurs due to the different transition duration between the navigation bar and the anchor elements within the bar. Adding the above rule:
.dn-nav-dropdown-container > nav.dn-nav-dropdown div.dn-nav-item a {
transition: max-width 0.2s; /* Same transition duration with the nav bar. */
}
(which is an override of a more generic rule that includes the anchor elements) fixes the issue.
Before the addition of the above CSS rule, the rule that applies to the anchor elements regarding the speed, is the following:
transition: ease-in-out 100ms;