Click To Call button

Forums    Joomla Templates Club    JA Mero    Click To Call button
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • Idan Damti Friend
    May 24, 2013 at 2:23 am #187744

    Hi,

    I am trying to use this code, to add to my site click to call button.
    this code is working for 100%!!! it was working with the mero template as well untill I updated it to the last version. and update the t3 plugin as well…
    please let me know how to fix that issue.

    this is the code I am trying to add to a custom module:

    <style>#callnowbutton {display:none;} @media screen and (max-width:650px){#callnowbutton {display:block; width:100px; height:80px; position:fixed; right:0; bottom:-20px; border-bottom-left-radius:40px; border-top-left-radius:40px; border-top:2px solid #0C0 background:url(http://callnowbutton.com/phone/callbutton01.png) center 10px no-repeat #090 text-decoration:none; -webkit-box-shadow:0 0 5px #888 z-index:9999;}}</style><a href=”tel:000-000-0000″ id=”callnowbutton”> </a>

    phong nam Friend
    May 25, 2013 at 3:51 am #493905

    Hi,

    I will try to correct your issue when you send me PM with your admin login info.

    Any snapshots of how it should be are appreciated.

    Leo

    Idan Damti Friend
    May 26, 2013 at 6:31 am #493973

    this should be like that: http://callnowbutton.com/
    I am sending you PM with the admin login info.

    thanks for the help.

    phong nam Friend
    May 27, 2013 at 6:55 am #494045

    Hi,

    I corrected & put this part of your codes into templates/ja_mero/css/custom.css:

    #callnowbutton {
    display:none;
    }
    @media screen and (max-width:650px)
    {
    #callnowbutton {
    display:block !important;
    width:100px;
    height:80px;
    position:fixed;
    right:0;
    bottom:-20px;
    border-bottom-left-radius:40px;
    border-top-left-radius:40px;
    border-top:2px solid #0C0 background:url(http://callnowbutton.com/phone/callbutton01.png) center 10px no-repeat #090 text-decoration:none;
    -webkit-box-shadow:0 0 5px #888 z-index:9999;
    }
    }

    But, can you tell me where you want to put your Click to Call button on your website ?. Because, there is only one linked image called Call Now button on http://callnowbutton.com/.

    Leo

    Idan Damti Friend
    May 28, 2013 at 10:40 am #494184

    Hi,
    thanks for helping but I still don’t see the green button. it should be at the bottom right side all the time, also when scrolling it will stay
    there.
    but now also the logo with the phone text is not looking so good…

    when you add the code I provide and publish that inside a module it should work but for some reason, it is not working anymore.

    phong nam Friend
    May 29, 2013 at 5:15 am #494259

    Hi,

    <blockquote> I still don’t see the green button. it should be at the bottom right side all the time, also when scrolling it will stay there</blockquote>
    Well. I have checked out the Callnowbotton.com embeded codes, they should be put into: templatesja_merotplsblockshead.php at the end of file.

    Because the callnowbotton.com suggested:
    <blockquote>Copy the code and paste it in your HTML code directly after the opening <BODY> tag.</blockquote>

    *Pls try on that & remove the inserted codes in custom.css file.

    <blockquote>but now also the logo with the phone text is not looking so good… when you add the code I provide and publish that inside a module it should work but for some reason, it is not working anymore.</blockquote>
    I just made changes on custom.css file only with your given callnowbutton codes. Anyways, can you tell me how the logo should be.

    Leo

    Idan Damti Friend
    May 29, 2013 at 2:30 pm #494311

    thanks a lot!!

    1. now I can see the button but it’s aligned to left. how can I change it to right?
    2. how can I fix the header so it will looks good on mobile as well? when I check my site on mobile the logo and the phones not showned very good.

    the logo should be just like you see it on regular computer.

    thanks a lot!!

    phong nam Friend
    June 3, 2013 at 4:03 am #494499

    Hi,

    <blockquote>now I can see the button but it’s aligned to left. how can I change it to right?</blockquote>
    You need to add below codes into #callnowbutton block:

    margin: 0px 0px 20px 210px !important;

    * Try to adjust right padding on different device screens if needed.

    <blockquote>how can I fix the header so it will looks good on mobile as well? when I check my site on mobile the logo and the phones not showned very good. </blockquote>
    Try to put these into custom.css file:

    @media screen and (max-width:650px)
    {
    .logo-image a {
    background-size: 83% 83% !important;
    }
    }

    Leo

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 8 replies, has 2 voices, and was last updated by  phong nam 11 years, 5 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories