Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 2, 2022 at 2:21 pm #1338470
    dern1ck

    Dear Support Team,
    I’m using a 3 column icon grid element on a clients website (link in private).
    Running Enfold 4.8.3 it breaks at tablet (989px) to 2 column and at mobile (768px) to 1 column, what is pretty cool.
    I made a copy of the website for updates and found out, that the icon grid element settings has been changed.
    Running Enfold 4.8.9 the 3 columns now breaks at 768px to 1 column without an intermediate step. OK then – I set the breakpoint to tablet (989px), but it still breaks at 768px. Cleared cache, deleted all merged files, deactivated plugins.

    Well, I could manually bypass that with css. However, is it a bug that my breakpoint setting is ignored? And if it’s a bug, does it effect the intermediate step (2 columns) too?

    Best
    nick

    February 2, 2022 at 4:22 pm #1338501
    Rikard

    Hi nick,

    Please post admin WordPress login details in private to the site which is not working, so that we can have a closer look.

    Best regards,
    Rikard

    February 2, 2022 at 4:30 pm #1338504
    dern1ck

    Here you go :)

    EDIT: I tried to activate the icon grid element on another Enfold 4.8.9 installation. Same issue here.

    • This reply was modified 2 years, 9 months ago by dern1ck. Reason: tried another enfold website
    February 3, 2022 at 4:19 am #1338589
    Rikard

    Hi,

    Thanks for that. I see the problem on your site, and I can reproduce it on a test site as well. I’ve reported this to our developers, and I’ll let you know here once we have a solution for this problem.

    Best regards,
    Rikard

    February 3, 2022 at 9:52 am #1338643
    dern1ck

    Hi RIkard,
    Thanks for your feedback. Meanwhile I will bypass the issue with custom css.
    Best
    nick

    February 3, 2022 at 12:20 pm #1338674
    Rikard

    Hi Nick,

    Thanks for the update. Please let us know if you should need any help with the CSS.

    Best regards,
    Rikard

    February 4, 2022 at 12:58 am #1338789
    annameis

    I am having the same issue with icon grid feature. Can you send me CSS on how to fix. Thanks!

    February 4, 2022 at 1:32 am #1338790
    dern1ck

    Hi anna,
    add this to Theme Options -> Quick CSS
    Adjust size or breaking point if needed.

    @media only screen and (max-width:989px) {
li.av-row-with-3-cells, li.av-row-with-4-cells, li.av-row-with-5-cells {
	width: 50%;
}
}

@media only screen and (max-width:767px) {
li.av-row-with-3-cells, li.av-row-with-4-cells, li.av-row-with-5-cells {
	width: 100%;
}
}
    February 4, 2022 at 9:41 am #1338837
    Rikard

    Hi dern1ck,

    Thanks for sharing, it’s much appreciated :-)

    Best regards,
    Rikard

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