Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 20, 2018 at 8:02 am #944481
    Daniele1989

    Hi,
    I would like to receive help in order to put an icon mail near my email address, that i have inserted using the option “additional element”.
    I want that in my top menu, my users can see:
    [mail-icon] (Email address hidden if logged out)

    Thank you!

    April 20, 2018 at 6:51 pm #944714
    Nikko

    Hey Daniele1989,

    Thanks for giving us a link to your site :)
    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #header .phone-info:before {
    content: '\e805';
    font-family: 'entypo-fontello';
    margin-right: 5px;
}

    Let us know if this helps :)

    Best regards,
    Nikko

    April 23, 2018 at 10:58 am #945346
    Daniele1989

    Perfect!
    Another question, now I can see the Icon before the text..It’s possible make on it a link? I want that People that visit my site (If they want) can click on the text and send me a mail directly.

    April 23, 2018 at 1:07 pm #945385
    Daniele1989

    Another question:
    How I can show the social links (in the top menu) also in Tablet and Smartphone view?

    I set them and now I can only see it in the desktop view.

    Thanks

    April 23, 2018 at 4:57 pm #945447
    Nikko

    Hi Daniele1989,

    You can’t put a link on the icon, however you can put a link to the text or email address, just change (Email address hidden if logged out) to:

    <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a>

    Hope this helps :)

    Best regards,
    Nikko

    April 23, 2018 at 9:18 pm #945567
    Daniele1989

    Perfect! It works!

    How I can show the social links (in the top menu) also in Tablet and Smartphone view?

    I set them and now I can only see it in the desktop view.

    Thanks

    April 24, 2018 at 2:27 am #945631
    Nikko

    Hi Daniele1989,

    Glad to hear that :)
    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #header .social_bookmarks {
    display: block !important;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

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