Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • July 6, 2023 at 7:32 pm #1412626
    edolmen

    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 function

    Could 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 #1412655
    Ismael

    Hey 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,
    Ismael

    July 11, 2023 at 11:22 am #1413031
    edolmen

    We have also Cloudflare, with APO and Rocket loader activated

    July 12, 2023 at 11:58 am #1413117
    edolmen

    any news?

    July 14, 2023 at 1:30 pm #1413307
    edolmen

    Hi, any news ?

    July 16, 2023 at 10:25 pm #1413435
    Mike

    Hi,
    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-items

    Best regards,
    Mike

    July 18, 2023 at 7:20 pm #1413627
    edolmen

    Thanks 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 #1413663
    Ismael

    Hi,

    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,
    Ismael

    July 19, 2023 at 10:51 am #1413687
    edolmen

    yes, for homepage i disabled it.. for all pages, the options is enabled

    July 20, 2023 at 8:35 am #1413794
    Ismael

    Hi,

    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,
    Ismael

    July 24, 2023 at 12:14 pm #1414219
    edolmen

    But 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 #1414229
    edolmen

    I reactivated it, REMOVE UNUSED CSS for homepage

    July 25, 2023 at 4:10 am #1414302
    Ismael

    Hi,

    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,
    Ismael

    July 26, 2023 at 9:35 am #1414488
    edolmen

    I send you credentials

    July 27, 2023 at 9:14 am #1414626
    Ismael

    Hi,

    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,
    Ismael

    July 27, 2023 at 1:08 pm #1414669
    edolmen

    Plese see it logout.
    The problem occurs

    July 29, 2023 at 10:03 pm #1414872
    Mike

    Hi,
    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,
    Mike

    July 31, 2023 at 9:58 am #1415002
    edolmen

    Homepage - burger menu
    Please see this image, don’t you see it in this way in homepage?

    July 31, 2023 at 9:59 am #1415003
    edolmen

    https://prnt.sc/ZpwZk85MhpBN

    August 1, 2023 at 6:08 pm #1415190
    Mike

    Hi,
    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:
    Enfold_Support_2778.jpeg

    .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,
    Mike

    August 3, 2023 at 10:25 am #1415313
    edolmen

    hi 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 #1415324
    Mike

    Hi,
    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,
    Mike

    August 4, 2023 at 9:59 am #1415399
    edolmen

    Sorry 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 cache

    August 4, 2023 at 11:17 pm #1415473
    Mike

    Hi,
    I added these two classes and it seems to work now

    .menu
.av-main-nav

    Please clear your browser cache and check.

    Best regards,
    Mike

    August 7, 2023 at 10:43 am #1415691
    edolmen

    I tried but doesn’t work for homepage.
    It works only for the other pages.

    August 7, 2023 at 7:04 pm #1415737
    Mike

    Hi,
    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

  • Author
    Posts
Viewing 26 posts - 1 through 26 (of 26 total)
  • You must be logged in to reply to this topic.