Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #66139
    Mary
    Member

    On the promotional headline text I have the verbiage “Call Now For More Information” and a phone number. It looks fine on the website, but on the mobile view the phone no is in a green color and cannot be seen. Can you advise? Site is http://b-bmusic.com/wp

    thanks for the help.
    Mary

    #66231
    Sakin
    Keymaster

    @Mary: Just go to “Appearance => Theme Options => Webmaster Tools => Header and Footer Codes” and then add the following code in “Code to display on Header” box:
    <meta name="format-detection" content="telephone=no">

    #66239
    Mary
    Member

    It worked, ur wonderful, thanks very much!!
    Mary

    #66242
    Sakin
    Keymaster

    @Mary: Thanks for your appreciation 🙂

    #66433
    Mary
    Member

    I have one other question that came up from the customer. While you couldn’t see the phone number, he was able to click on it (he has an iPhone) and it asked him if he wanted to call the number.

    Once I placed the coding in, he said you couldn’t click on it. Is this just the way it is or can I resolve this? Here is the http://b-bmusic.com/wp. It’s a nice touch if they can click on their mobile and call, but if not, it is what it is.

    Thanks very much for any help. Again.

    #66455
    Sakin
    Keymaster

    @Mary: Ok if you want to do that, then remove the previous code to disable number format. Then in when adding phone number add as below HTML code:
    <a href="tel:1-800-432-5700" tabindex="-1" class="tel">1-800-432-5700</a>

    Then finally add the following css in “Appearance => Theme Options => Custom CSS” box:

    .tel,.tel:visited { 
    	/*for small screens */
    	display:block;
    	color:#fff;
    	background-color:#000;
    	padding:1em;
    	text-decoration:none;
    }
    .tel:hover,.tel:focus {
    	color:#000;
    	background-color:#fff;
    }
    @media screen and (min-width: 768px) {
    	/* for larger screens */
    	.tel,.tel:visited {
    		background:none;
    		cursor:default;
    	}
    	.tel,.tel:focus {
    		color:#fff;
    	}
    }
    #66654
    Mary
    Member

    I still think you are great.I tried to figure this stuff out for weeks and just could not. Its working perfectly and I was even able to change the colors to coincide with the site, I”m no programmer, just a designer. This is a good reason to purchase the template rather than the freebie…Thank you very much for the help.
    Mary

    #66660
    Sakin
    Keymaster

    @Mary: Thanks for your appreciation. If you like my support and theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/catch-kathmandu?rate=5#postform

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘promotional headline text’ is closed to new replies.