Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 22, 2014 at 8:24 am #294220
    tunomaniobras

    Hi!

    Can I use a telephone and fax icons in the secondary menu instead of —– “Tel.:” XXXX ——-

    Thanks

    July 22, 2014 at 2:36 pm #294354
    Yigit

    Hey mikel!

    Please add menu item with label

    <span class="av-icon-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>: +123 345 423

    in Appearance > Menus

    Best regards,
    Yigit

    July 22, 2014 at 3:13 pm #294375
    tunomaniobras

    Hey!

    Thanks.! that was what i want.

    But I have some question. How do you choose the icon source? I want to make the same with the fax so I will need to change it.

    Can I adjust the size? I Would like to make it a little bit bigger

    Thanks for your great support!

    July 22, 2014 at 3:19 pm #294377
    Yigit

    Hey!

    Please add the icon that you would like to use to your page, then right click on it and inspect elements, then copy as HTML – http://i.imgur.com/3sgNeQq.png
    You can remove Style=”..” in the code. Can you post the link to your website so we can provide you accurate custom CSS code?

    Regards,
    Yigit

    July 22, 2014 at 3:33 pm #294388
    tunomaniobras

    Yes sorry.

    http://www.jatur.com

    July 22, 2014 at 3:36 pm #294391
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #header_meta span.av-icon-char {
font-size: 16px;
}

    Best regards,
    Yigit

    July 25, 2014 at 7:26 pm #296079
    tunomaniobras

    Hi!

    Thanks I have made it and I like how it looks. http://www.jatur.com

    But I have problems in the mobile version. The separators that fit ok in the desktop version are too close in the mobile version. There is option to delete it in the mobile version only?

    – Also there is option to put the social icons and the language selector in the same line (mobile version)?

    Thanks

    July 25, 2014 at 11:03 pm #296112
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
#header_meta span.av-icon-char { display: none; }
.responsive #header .social_bookmarks { width: 60%; float: left; }}

    Regards,
    Yigit

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