Home>Support>clickable phone number

clickable phone number

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

how can I have my phone number (included in header text) clickable for mobile devices. so that people using
mobile phones can call me just by clicking on the number located in header text.

URL: http://www.ovenstar.com.au

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Nahdi

    The link should look as follows:

    <a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>
    

    You can edit the HTML of your widget by clicking over to the Text tab when in the Visual Editor widget.

    More on this: https://developers.google.com/web/fundamentals/device-access/click-to-call/click-to-call?hl=en

  2. 9 years, 10 months ago Nahdi Gefariann

    I couldn’t find visual editor widget, may I ask you to explain where can I find it?

  3. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Sorry, SiteOrigin Editor.

    Appearance > Widgets > Header

  4. 9 years, 10 months ago Nahdi Gefariann

    sorry but in sitorigin editor we cant add code, everything you add you will see as header text.
    I used what you have written for me in there(+1 (303) 499-7111) and it showed the whole writing in my header text. off course I put my mobile number after href, am I right?

  5. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    The SiteOrigin Editor widget has a Text tab. Click over to that and you can add HTML.

  6. 9 years, 10 months ago Nahdi Gefariann

    oh sorry, that’s right, I fixed it though its color is not blue anymore when I changed its size

  7. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    In our Custom CSS we’re setting the color for the phone number as follows:

    #masthead .hgroup #header-sidebar .textwidget h2 a {
    	color: #000000;
    	font-size: 20px;
    }
    

    Adjust the hexadecimal color there as required.

  8. 9 years, 10 months ago Nahdi Gefariann

    great worked :)

  9. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Super :)

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More