Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 7, 2023 at 10:30 pm #1418408
    bbertuzzi7

    I am running the latest version of Enfold – 5.6.6 and when I went to mobile optimize the site and shut off some of the elements using screen options, they are not working. I have an entire color section set to hide on all screen sizes and it is still appearing on all screens. I have cleared out all CSS and tried it and it is still not hiding the element. Thank you.

    September 8, 2023 at 10:03 am #1418430
    Rikard

    Hey bbertuzzi7,

    Where can we see and reproduce the problem you are having?

    Best regards,
    Rikard

    September 8, 2023 at 11:31 am #1418445
    bbertuzzi7

    Sure thing: https://tecexv2dev.wpengine.com/ If you scroll down, the section “Our Global Customs Compliance Solution” should be hidden on mobile. Right now – it is, only because we’ve had to put in CSS to hide it (code is below):

    #homepage-element-01 {
    display: none !important;
    }

    When we check the box in in Element Visibility to hide on mobile, it was still appearing on mobile devices, even after clearing both the site cache and the server cache.

    September 9, 2023 at 3:12 am #1418525
    Mike

    Hi,
    Thanks for the link to your page, your element #homepage-element-01 doesn’t have the expected class to hide it on mobile such as:
    av-medium-hide
    av-small-hide
    av-mini-hide
    when the Advanced ▸ Responsive ▸ Element Visibility option is used in the element.
    Please include an admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    September 9, 2023 at 4:28 pm #1418558
    bbertuzzi7

    Hi Mike, credentials are below in the private content area, thanks!

    September 9, 2023 at 6:06 pm #1418562
    Mike

    Hi,
    I see that this is a different site and it doesn’t seem to be a clone because the section IDs are not the same, the ID you were having trouble with isn’t there. Nonetheless the section with the title “Your Global IT Supply Chain Solutions” didn’t have the Advanced ▸ Responsive ▸ Element Visibility options set to hide it on mobile:
    Enfold_Support_3200.jpeg
    I did this for you and now it works correctly and the expected classes are in the element av-small-hide av-mini-hide
    Please clear your browser cache and check.

    Best regards,
    Mike

    September 18, 2023 at 3:50 pm #1419479
    bbertuzzi7

    Thank you for the reply. The section in question is “Our Global Customs Compliance Solutions”. Our fault. I tried adding those two classes back to the section but could not get it to show hide.

    Added av-small-hide av-mini-hide to Custom CSS Class and then Lockable Custom CSS Class – still wouldn’t show/hide using the checkboxes.

    Thoughts?

    September 19, 2023 at 4:32 am #1419519
    Ismael

    Hi,

    Thank you for the update.

    We disabled the Enfold > Performance > File Compression settings temporarily, and it looks like the css rules for the element visibility settings are missing. Please try to upgrade the theme from version 5.6.2 to the latest version 5.6.6. Let us know if the upgrade helps.

    Best regards,
    Ismael

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