Tagged: , ,

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

    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 3 months, 1 week ago by  Guenni007.
    #1065090

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

    #1065094

    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.

    Cheers!
    Adam

    • This reply was modified 3 months, 1 week ago by  Acquarius26.
    #1065110

    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.

    #1065217

    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;
    }
    #1065235

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

    #1065292

    Hi Adam,

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

    Best regards,
    Rikard

    #1065350

    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;
    }
    #1065396

    @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 ;)

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

    #1065659

    Hi Acquarius26,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.