HEADER slide is slow on Mobile

[sasanp]

The header slide in when you select drop down nav bar on mobile is slow and also the x symbol is missing to close navigation tabs.

How do we speed up the navigation drop down?

[ruenel]

Hello Sasan,

Thanks for writing in!

I have checked your site in smaller screen and I can see the X in the drop-down menu.

The dropdown duration is slow. To increase the response time, please edit your header and insert this custom css:

.x-menu-dropdown.x-dropdown {
    transition-duration: 0.15s !important;
}

Feel free to adjust the number seconds if you want a faster or slower duration in displaying the dropdown menu.

Please keep in mind that since you have installed a caching plugin WP Fastest Cache, please clear your plugin cache and regenerate the minified JS/CSS files before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Best Regards.