Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10515

    Hi There,

    I’d like to know if there’s a way to add a contact phone number to the header area just above the social icons and search?

    Ideally, I’d like to find a solution that is update friendly without having to hack too many core files.

    Could you please let me know if there’s a straightforward way to accomplish this?

    Thank You

    #68331

    Open header.php and add a div with class “phone_number” at line 106

    now add this to your custom.css stylesheet in folder /css/ or to the quick-css panel located in your wordpress backend at abundance->styling:


    .phone_number{
    position:absolute;
    top:10px;
    right:5px;
    color:#fff;
    }

    Change the alignemnt and color properties to your likings :)

    If you add the css code to the quick css panel no update will be able to overwrite it. Unfortunately this is not true for the header.php modifications, you need to take care that you dont overwrite them everytime you update the theme

    #68332

    applied this solution and it works well other than the image will not go to the assigned url but rather grabs the logo url everytime. I was wondering if we could take it a step further http://wwwquadcitiesassistedliving.zippykid.it/ – see upper right header button and phone in one image.

    1) Is there a way to use the shortcode button instead of the one image with the button and phone (Good fake job, but I’d rather keep consistency throughout the site with the button)

    2) Insert the phone number with “call function url” so if Im on my iphone or droid and hit the phone number on the site it auto dials?

    Thank you in advance, the you guys have best themes on the net and the support is awesome to.

    #68333

    Hi linkrep42,

    I’m going to tag the rest of the support team to see if they can help you.

    Regards,

    Mya

    #68334

    Hi,

    Please open the header.php file and find the header-phone.. remove the image assisted-living.png file and instead paste the code below to render a css button inside the same div which contained the now removed image. You should change the link in the code to reflect the correct destination url within your site and style it as you see fit

    Here is the code for the button

    <a href="http://www.my-url.com/change-this/to-whatever-you-want/" class="avia-button  grey  custom large" style="background-color:#3a5b43;border-color:#000"><span class="avia-">Tell Us How We Are Doing</span></a>

    As for “call function url”, I am not sure what that is and neither does google it seems. As I don’t own a mobile, please show me a website and point to a phone number on it that is a “call function url”, and I can replicate it.

    Thanks,

    Nick

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

The topic ‘Phone Number in header’ is closed to new replies.