Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #228956

    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.

    #228973

    Hey intosuwo!

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

    Regards,
    Yigit

    #229014
    This reply has been marked as private.
    #229641

    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

    #230053
    This reply has been marked as private.
    #230078

    Hey!

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

    Regards,
    Yigit

    #230706
    This reply has been marked as private.
    #230709

    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

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