Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 25, 2016 at 12:48 am #620926
    Eckhard

    Beside normal text entries, the menu of my site uses icons of entypo-fontello font set as menu entries. I’m doing so by using e.g. [av_font_icon icon='ue821' font='entypo-fontello' size='14px'][/av_font_icon] as a menu entry (home symbol).
    This works fine.
    But, if using the mobile menu, the icon menu entries have a reduced height and the small lines separating the menu entries touch the icons.
    How can I fix this?

    April 25, 2016 at 5:40 am #620990
    Vinay

    Hi Eckhard!

    Please add the below CSS in Enfold > General Styling > Quick CSS

    #mobile-advanced>li:first-child>a:first-child,#mobile-advanced>li:last-child>a:last-child {    
    line-height: 18px!important;
    min-height: 50px!important;
}

    Best regards,
    Vinay

    April 25, 2016 at 6:19 pm #621576
    Eckhard

    Vinay, thanks a lot!
    This works and is exactly what I was looking for!

    Kind regards,

    Eckhard

    April 27, 2016 at 4:30 am #622695
    Vinay

    Hey!

    Glad we could help! FYI we have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Regards,
    Vinay

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Reduced height of mobile menu entries by using entypo-fontello icons’ is closed to new replies.