Problem with icons in top bar custom menu

This topic has 6 replies, 2 voices, and was last updated 9 years ago ago by Robert Hall

  • Avatar: ZoBabe
    ZoBabe
    Participant
    December 10, 2015 at 08:33

    It seems like I must be missing something really simple, but I am having the hardest time trying to basically just copy the exact format of the demo site (with a phone number appearing on the left of the top bar right section, with custom menu following, beginning with the newsletter link and fa icon)
    Demo Layout
    When I add the icon via “Appearance> Menus” it just doesn’t render at all in that position. (it works fine in another position, such as the main menu).
    If I try to add it directly through css to “li.etheme-popup :before” (or any other class for that matter) it appears following the menu item instead of before it.
    CSS :before issue
    This is driving me crazy, please help!

    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 10, 2015 at 08:47

    Hello,

    Please provide us with link to the page and wp-admin access in Private Content.

    Regards,
    Robert Hall.

    Avatar: ZoBabe
    ZoBabe
    Participant
    December 10, 2015 at 09:03
    Please, contact administrator
    for this information.
    Avatar: ZoBabe
    ZoBabe
    Participant
    December 10, 2015 at 09:26

    Sorry, there was an issue with the last information.

    Please, contact administrator
    for this information.
    Avatar: ZoBabe
    ZoBabe
    Participant
    December 10, 2015 at 09:55

    Nevermind… looks like it was just a syntax error. Adding a space to :before got it to display correctly via CSS.
    I still don’t know why adding the icon via “Appearance> Menus” doesn’t work though, so you may still want to look into that.
    Thanks!
    Z

    Avatar: Robert Hall
    Robert Hall
    Support staff
    December 10, 2015 at 12:28

    Hello,

    You can also add this code in Text Widget (Appearance->Widgets->Right side top bar area). See screenshot: http://prntscr.com/9chbga
    <a href="#etheme-popup"><i class="fa fa-fa fa-envelope"></i> Newsletters</a>

    Regards,
    Robert Hall.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.