![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
July 6, 2023 at 7:32 pm #1412626
Hi, I have a problem with Wp Rocket, with his functions REMOVE UNUSED CSS.
Enabled, it brokes hamburger menu, tags and accordion
I can exclude classes from this functionCould you help me to know which classes or id i can exclude?
Have you ever encountered this problem?
July 7, 2023 at 4:25 am #1412655Hey edolmen,
Thank you for the inquiry.
We haven’t encountered this issue before but we might be able to fix it by excluding css classes, as you have mentioned. Please provide the site URL in the private field so that we can inspect the site and provide the necessary adjustments. Temporarily, you might have to disable the option.
Best regards,
IsmaelJuly 11, 2023 at 11:22 am #1413031We have also Cloudflare, with APO and Rocket loader activated
July 12, 2023 at 11:58 am #1413117any news?
July 14, 2023 at 1:30 pm #1413307Hi, any news ?
July 16, 2023 at 10:25 pm #1413435Hi,
Thanks for your patience, I have not used Wp Rocket REMOVE UNUSED CSS, but from articles I have read it causes problems, it would probably be better to not use this option but if you want to use it try excluding these classes:
main_menu
menu-item-avia-special
av-hamburger
av-hamburger-box
av-hamburger-inner
av-burger-overlay
av-burger-overlay-scroll
av-burger-overlay-inner
av-active-burger-itemsBest regards,
MikeJuly 18, 2023 at 7:20 pm #1413627Thanks for support.. Now i have enabled Cloudflare with Rocket Loader and APO option and enabled “Remove Unused CSS”, i inserted these classes and it works for all pages, except for Homepage.
Is there a different cache for Homepage?
July 19, 2023 at 8:19 am #1413663Hi,
Thank you for the update.
The accordion element and the hamburger menu seems to be working correctly when we checked the home page. Did you disable the “remove unused css” option?
Best regards,
IsmaelJuly 19, 2023 at 10:51 am #1413687yes, for homepage i disabled it.. for all pages, the options is enabled
July 20, 2023 at 8:35 am #1413794Hi,
Is this sufficient for you? If you wish for us to check the issue further, kindly create a duplicate of the home page and share its URL in the private field. Make sure that the “removed unused css” option is enabled for the cloned page.
Thank you for your patience.
Best regards,
IsmaelJuly 24, 2023 at 12:14 pm #1414219But for other Pages, it works perfectly.
If i clone homepage, It will be managed like a normal page and Will work.
The problem occurs only in homepage ( setted in enfold options)July 24, 2023 at 1:55 pm #1414229I reactivated it, REMOVE UNUSED CSS for homepage
July 25, 2023 at 4:10 am #1414302Hi,
The mobile menu and accordion element seems to be working correctly when we rechecked the site. Did you disable the option again? Please provide the login details in the private field so that we toggle the option while checking the site.
Thank you for your patience.
Best regards,
IsmaelJuly 26, 2023 at 9:35 am #1414488I send you credentials
July 27, 2023 at 9:14 am #1414626Hi,
Thank you for the info.
The option “removed unused css” is enabled for the home page and the elements (accordion, mobile menu) are still working correctly. Please make sure to purge the cache before testing the page or switch to incognito mode.
Best regards,
IsmaelJuly 27, 2023 at 1:08 pm #1414669Plese see it logout.
The problem occursJuly 29, 2023 at 10:03 pm #1414872Hi,
When I check the option “removed unused css” is enabled and the burger menu seems to work correctly when I check logged out.Best regards,
MikeJuly 31, 2023 at 9:58 am #1415002
Please see this image, don’t you see it in this way in homepage?July 31, 2023 at 9:59 am #1415003August 1, 2023 at 6:08 pm #1415190Hi,
Yes you are correct, I reviewed the classes in the CSS safelist for the Wp Rocket REMOVE UNUSED CSS option and added a few more and now the burger menu looks correct when I open it on my Android device in a incognito tab when not logged in, this is what I see:
.main_menu .menu-item-avia-special .av-hamburger .av-hamburger-box .av-hamburger-inner .av-burger-overlay .av-burger-overlay-scroll .av-burger-overlay-inner .av-active-burger-items .av-burger-overlay-active .av-burger-overlay-active-delayed .av-hamburger--spin .av-js-hamburger .avia_hidden_link_text .av-burger-menu-main #av-burger-menu-ul #avia-menu .av-width-submenu .av-active-burger-items .current_page_item .current-menu-item .av-active-burger-items .avia-menu .av-main-nav-wrap
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Best regards,
MikeAugust 3, 2023 at 10:25 am #1415313hi thanks for support.. i tried and it works.
I’m replicating these options in an other website but it doesn’t work.. did you do other changes? do i must carefull to set other options in wp rocket or in theme settings?August 3, 2023 at 11:58 am #1415324Hi,
This was the only change that I made, perhaps all of the WP Rocket setting need to match, or perhaps you need to purge the WP Rocket cache a few times.Best regards,
MikeAugust 4, 2023 at 9:59 am #1415399Sorry but i re-checked all settings (both wp rocket and theme) but are the same but the exclusion list doesn’t work.
I cleared Cloudflare and Wp rocket’s cacheAugust 4, 2023 at 11:17 pm #1415473Hi,
I added these two classes and it seems to work now.menu .av-main-nav
Please clear your browser cache and check.
Best regards,
MikeAugust 7, 2023 at 10:43 am #1415691I tried but doesn’t work for homepage.
It works only for the other pages.August 7, 2023 at 7:04 pm #1415737Hi,
Odd, the homepage uses the same classes as the other pages, I added a couple more.av-width-submenu .sub-menu .av-burger-overlay-bg .inner-container #header_main
and cleared your WP Rocket cache & cloudflare cache and checked on a incognito browser and it seems to be working.
Best regards,
Mike -
AuthorPosts
- You must be logged in to reply to this topic.