Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 25, 2014 at 12:15 pm #228956
    intosuwo

    Hi,

    On one page I have an accordion placed, and in every toggle icons and text (a kind of list). When I see this with a desktop version, I see that the text is aligned properly, but when I look at my phone i see that the third rule of text crawls back under the icon. What CSS rule should I use to get more padding under that icon so that the whole text is aligned properly.

    February 25, 2014 at 1:07 pm #228973
    Yigit

    Hey intosuwo!

    Can you post the link to your website and point out the section so we can take a look?

    Regards,
    Yigit

    February 25, 2014 at 2:12 pm #229014
    intosuwo
    This reply has been marked as private.
    February 26, 2014 at 5:15 pm #229641
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 767px) { 
.toggle_content .av_font_icon { height: 50px; }}

    Cheers!
    Yigit

    February 27, 2014 at 1:30 pm #230053
    intosuwo
    This reply has been marked as private.
    February 27, 2014 at 3:04 pm #230078
    Yigit

    Hey!

    I have adjusted a bit but further adjustment will make it look like this http://i.imgur.com/wKzx1aA.jpg

    Regards,
    Yigit

    February 28, 2014 at 5:48 pm #230706
    intosuwo
    This reply has been marked as private.
    February 28, 2014 at 5:52 pm #230709
    Yigit

    Hi!

    You can find the custom CSS code i have adjusted in Quick CSS section in Enfold theme options under Styling tab. I have simply adjusted this code https://kriesi.at/support/topic/more-space-under-font-icon-on-mobile-device/#post-229641 and increased the height
    Thank you, you too have a good weekend :)

    Regards,
    Yigit

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