Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 9, 2013 at 8:44 am #29277
    ykblue

    Good morning.

    I’m using an iconlist in the sidebar widget. Everything is fine if viewed on desktop monitor (http://prntscr.com/1q8kwl).

    But the resizing, especially for the iPad in portrait mode, is cutting off information (http://prntscr.com/1q8l02).

    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

    September 10, 2013 at 12:41 am #140239
    Devin

    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.

    Regards,

    Devin

    September 10, 2013 at 9:56 am #140240
    ykblue

    Hi Devin,

    here u go – http://tinyurl.com/onvab6f

    best, Katharina

    September 10, 2013 at 4:47 pm #140241
    Yigit

    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.

    Regards,

    Yigit

    September 11, 2013 at 9:00 am #140242
    ykblue

    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

    Katharina

    September 11, 2013 at 9:04 am #140243
    Yigit

    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; } }

    Regards,

    Yigit

  • Author
    Posts
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.