Remove "Tap To Call" feature from showing on posts

Discussion in 'Appointway WordPress Theme' started by cgjones, Oct 30, 2014.

  1. cgjones

    cgjones New Member

    Joined:
    Feb 11, 2014
    Messages:
    13
    Likes Received:
    0
    Hi,
    As the title reads I would like to remove the "Tap To Call" feature from showing on posts in the Appointway Theme.
    Please Help
     
  2. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    Please paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px) and (min-width: 480px){
    .call-us a.btn {
    display: none;
    }
    }
    @media only screen and (max-width: 480px){
    .call-us a.btn {
    display: none;
    }
    }
    Thanks & Regards
    Pramod
     
  3. cgjones

    cgjones New Member

    Joined:
    Feb 11, 2014
    Messages:
    13
    Likes Received:
    0
    Thanks it worked!
    Also if I was wanting to remove the "Tap to Call" feature from a particular "page" only, can this be done?
    Thanks
     
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    From which page you want to remove and in which you want to keep it?
    It required lots of customization.
    Thanks & regards
    Pramod
     
  5. cgjones

    cgjones New Member

    Joined:
    Feb 11, 2014
    Messages:
    13
    Likes Received:
    0
    Thanks for reply.
    Want to keep "Tap To Call" on Home Page, About Page, Comprehensive Inspection Page & Price|Book|Pay Safe Page but like you said if it requires too much customization happy to only have "Tap To Call" on Home Page. Website is, buyingaprivatecar.com.au
    Thanks
     
  6. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,
    You have to follow two steps.

    Step 1:
    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    @media only screen and (max-width: 767px) and (min-width: 480px)
    {
    .call-us a.btn {
    display: block;
    }
    }
    @media only screen and (max-width: 480px)
    {
    .call-us a.btn {
    display: block;
    }
    }
    Step 2:
    Please copy below code and replace whole code of your header.php file by this.
    PHP:
    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id="main">
    *
    */
    ?>
    <!DOCTYPE html>
    <html <?php language_attributes(); ?> xmlns="http://www.w3.org/1999/xhtml">
    <head>
            <meta charset="<?php bloginfo('charset'); ?>" />
            <title>
                <?php wp_title('&#124;'true'right'); ?><?php bloginfo('name'); ?>
            </title>
            <?php if (is_front_page()) { ?>
                <?php if (inkthemes_get_option('inkthemes_keyword') != '') { ?>
                    <meta name="keywords" content="<?php echo inkthemes_get_option('inkthemes_keyword'); ?>" />
                <?php } else {
                 
                }
                
    ?>
                <?php if (inkthemes_get_option('inkthemes_description') != '') { ?>
                    <meta name="description" content="<?php echo inkthemes_get_option('inkthemes_description'); ?>" />
                <?php } else {
                 
                }
                
    ?>
                <?php if (inkthemes_get_option('inkthemes_author') != '') { ?>
                    <meta name="author" content="<?php echo inkthemes_get_option('inkthemes_author'); ?>" />
                <?php } else {
                 
                }
                
    ?>
            <?php ?>     
            <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
            <link rel="profile" href="http://gmpg.org/xfn/11" />
            <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
            <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
            <?php wp_head(); ?>
        </head>
    <body <?php body_class(); ?>style="<?php if (inkthemes_get_option('inkthemes_bodybg') != '') { ?>background: fixed url(<?php echo inkthemes_get_option('inkthemes_bodybg'); ?>);<?php ?>" >
    <div class="header_container">
    <div class="container_24">
    <div class="grid_24">
    <div class="header">
              <div class="grid_14 alpha">
                <div class="logo">
                            <a href="<?php echo home_url(); ?>"><img src="<?php if (inkthemes_get_option('inkthemes_logo') != '') { ?><?php echo inkthemes_get_option('inkthemes_logo'); ?><?php } else { ?><?php echo get_template_directory_uri(); ?>/images/logo.png<?php ?>" alt="<?php bloginfo('name'); ?> logo"/></a>
        </div>
              </div>
              <div class="grid_10 omega">         
                    <div class="call-us">
    <?php if (inkthemes_get_option('inkthemes_topright') != '') { ?>
    <p> <?php echo stripslashes(inkthemes_get_option('inkthemes_topright')); ?></p>
    <br/>
     
    <?php
    if (is_home()) {
    ?>
        <a class="btn" href="tel:<?php echo stripslashes(inkthemes_get_option('inkthemes_contact_number')); ?>">
        <?php
    } else {
    }
    ?>
     
    <span></span></a>
    <?php }
    else { 
    ?>
    <p> For Reservation Call : 1.888.222.5847</p>
    <br/>
     
    <?php
    if (is_home()) {
    ?>
    <a class="btn" href="tel:5551234567"><span></span></a>
    <?php
    } else {
    }
    ?>
     
    <?php ?>
    </div>
    </div>     
    </div>
    </div>
    <div class="clear"></div>
    </div>
    </div>
    <div class="menu_container">
    <div class="container_24">
    <div class="grid_24">
    <div class="menu_container">
    <div class="menu_bar">
    <div id="MainNav">
    <a href="#" class="mobile_nav closed">Pages Navigation Menu<span></span></a>
    <?php inkthemes_nav(); ?>
    </div>
    </div>
    </div>
    </div>
    <div class="clear"></div>
    </div>
    </div>
    Thanks & regards
    Pramod
     

Share This Page