Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #29277

    Good morning.

    I’m using an iconlist in the sidebar widget. Everything is fine if viewed on desktop monitor (

    But the resizing, especially for the iPad in portrait mode, is cutting off information (

    Actually the iconlist is not resizing at all. If I see the newsfeed in the sidebar widget, this element is resizing perfectly.

    Could you pls assist on how to get the iconlist resized properly?

    Thanks in advance,

    rgds Katharina


    Hi Katharina,

    Neither of the screenshot urls work for me but it would be best to actually see the issue live.

    I’m not completely sure if the icon list has support to be put into sidebars at this point since it has a lot of padding and white space for its layout and the sidebar by its nature doesn’t really have the room for that kind of thing. Basically, the icon list is a fairly large element and doesn’t have a smaller responsive size to it.

    But if we can see it live and inspect the code we can try and find a solution.




    Hi Devin,

    here u go –

    best, Katharina


    Hi Katharina,

    Please try adding following code to Quick CSS in Enfold theme options under Styling

    @media only screen and (min-width: 767px) and (max-width: 989px) { .avia-icon-list .iconlist_content_wrap { overflow: none; text-align: center; }

    .avia-icon-list .iconlist-timeline { left: 65px; }

    .main_color .avia-icon-list .iconlist_icon { left: 32px; } }

    It will move the content of icon list under icon when displayed on screens between 767px and 989px.




    Hi, thanks for your suggestion, but: it’s ignored; the changes don’t apply.

    I know that my question is a special one, but if we could find a solution it would be great.

    Best regards



    Hi Katharina,

    Can you try adding !important to each class

    @media only screen and (min-width: 767px) and (max-width: 989px) { .avia-icon-list .iconlist_content_wrap { overflow: none!important; text-align: center!important; }

    .avia-icon-list .iconlist-timeline { left: 65px!important; }

    .main_color .avia-icon-list .iconlist_icon { left: 32px!important; } }



Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Iconlist in sidebar widget – resize probs in responsive mode’ is closed to new replies.