• Closed
  • Mohammad Hajarat
    Spectator
    September 7, 2018 at 7:56 am #37009

    I use evolve plus for my site: http://www.niagaraparkdental.com.au
    I want to add phone number in the header are. At the moment if I add header widgets, these widget are located under the slide bar. I want my phone to appear above the slide. somewhere under the menu.
    I worked around it by adding a dud menu item. However this solution does not show on mobile phones as the menu is hidden until you press it.
    How do I add a widget in that are to add a phone number.
    Use a desktop to have a look at my web page. I want the phone number where it appears now, but not as a menu item, but as a wedget.
    Another suggested solution is to make tagline entry accept HTML code, where I can add phone to the tag line a s a second line.
    Thank you

    Roman
    Spectator
    Posts: 3147
    September 7, 2018 at 8:19 am #37010

    Hello Mohammad ,

    How about insert it through Additional CSS in customizer:

    .container-menu::after {
    font-family: "dashicons", Cabin;
    content: "\f525 CALL US 4329 3003";
    }

    Mohammad Hajarat
    Spectator
    Posts: 4
    September 7, 2018 at 8:27 am #37011

    Great, thank you Roman. Can we take two steps further:
    1- How do I move it a bit to be centered?
    2- How do I make responsive? I mean since it a phone number, I want the phone user to clikc on it directly to dial. Possible?

    Mohammad Hajarat
    Spectator
    Posts: 4
    September 7, 2018 at 8:34 am #37012

    Or if I can add HTML code, there, is that possible?

    Roman
    Spectator
    Posts: 3147
    September 7, 2018 at 8:54 am #37013

    add in the above css to center it:

    text-align: center;

    link is not possible through CSS pseudo element, would recommend to create a child theme in such case

    Mohammad Hajarat
    Spectator
    Posts: 4
    September 7, 2018 at 9:18 am #37016

    Thanks again Roman. I don’t mean to be difficult. I already installed a plugin that makes any phone number preceded by the word “tell” responsive. If only I could use html code where you showed me, it would solve it for me. Is taht possible? to write html code and how?

    Roman
    Spectator
    Posts: 3147
    September 7, 2018 at 9:32 am #37017

    Sorry, but in support forums we provide only technical help, not this kind of customization which require additional custom coding. You might create a child theme and modify it’s header and place the HTML code right there as you need.

    Mohammad Hajarat
    Spectator
    Posts: 4
    September 7, 2018 at 10:10 am #37018

    Thanks Roman, but where exactly do I put the
    text-align: center;
    I am not that savvy.

    Roman
    Spectator
    Posts: 3147
    September 7, 2018 at 11:00 am #37020

    just update the CSS code:

    .container-menu::after {
    font-family: "dashicons", Cabin;
    text-align: center;
    content: "\f525 CALL US 4329 3003";
    }