Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
  • #1065029

    i would do it with this code in telephone extra input field:

    <a href="https://link-to-map"><span class="map">XXX</span></a><a href="https://link-to-contact"><span class="contact">YYY</span></a><a href="tel:+492289768293"><span class="tel">ZZZ</span></a>

    And this would be my quick css entry for it:

    .phone-info {
        float: left !important;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    .responsive #header_meta .phone-info span {
        color: #aaa;
        margin-left: 15px;
    .phone-info span::before {
        font-family: entypo-fontello;
        font-size: 24px;
        padding-right: 5px;
        position: relative;
        top: 4px;
    .map::before { content: "\e842"}
    .contact::before { content: "\e805"}
    .tel::before { content: "\e854"}

    you need to adjust that to your needs.
    F.e. if you like to colorize the icons:
    replace the part above with:

    .map::before { content: "\e842"; color: #900}
    .contact::before { content: "\e805"; color: #090}
    .tel::before { content: "\e854"; color: #009}

    see here example: https://webers-testseite.de/

    • This reply was modified 5 years, 4 months ago by Guenni007.

    For the logo move we should see a live link to your page. Could be everything


    Hey Guenni007!

    Thanks for the info.
    For some reason after applying the Quick Css, the info is stil not formating.

    The website adress is https://resort.czterywiatry.pl
    As you can see the logo is fixed to right and at the same time social icons have moved to the left.
    It looks like if for some reason Enfold switched to “boxed” version” for header only.


    • This reply was modified 5 years, 4 months ago by Acquarius26.

    The solution turned out to be reseting all theme settings and applying them again one by one (without the backup).

    Thanks Guenni007 – now your code is working.


    Yes but the links are not working – you don’t like the links to be set?
    by the way: if you like to have more distance between the spans in responsive case add line-height attribut:

    .responsive #header_meta .phone-info span {
        color: #fff;
        margin-left: 15px;
        line-height: 25px;

    Yes, I removed them purposely for the time being.
    Wow, thanks a lot for the extra info! It will come handy for sure :)


    Hi Adam,

    Thanks for the update, did you get everything working? Thanks @guenni007 for helping out :-)

    Best regards,


    Yes – and again – your search is white color for responsive case – but then header isn*t transparent so- maybe it is better to have your default color then:
    (maybe it is necessary to put it in media query for the small screen option)

    #menu-item-search {
        color: #109bc5;

    @Guenni007 – thanks for pointing it out, I was not aware that the search icon was “hidden” there. You are really an amazing contributor for this community ;)

    – yes, everything is back to order. I still don’t know what the initial issue was, but resetting the theme has done the work.


    Hi Acquarius26,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,

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