Removing or changing the Directions Button
Question:
1) Can I change the “Directions” to an “Email Us” button.
2) I don’t want the “Directions” tab/button on my mobile layout at all.
Answer – Changing the Directions Button to Email Button:
1) Use an FTP Client or File manager to access your WordPress install.
2) Access the “Frontpage.php” file in the Mobile Layouts folder.
Typical Filepath: yourdomain/wp-content/themes/smallbiz/layouts/mobile
3) Open the frontpage file in a text editor of choice (Notepad++ for PC or TextWrangler for Mac)
4) Locate the following lines:
<div class=”tab-area-small” style=”background-color: #<?php echo biz_option(‘smallbiz_mobile-button-color’)?>;”>
<p><a href=”<?php echo biz_option(‘smallbiz_mobile-map’)?>” ><span style=”color: #<?php echo biz_option(‘smallbiz_mobile-text-button-color’)?>;”>Directions</span></a></p>
</div> <!–close tab-area-small2–>
5) Change it to:
|
1 2 3 4 |
<div class="tab-area-small" style="background-color: #<?php echo biz_option('smallbiz_mobile-button-color')?>;">
<p><a href="mailto:YOUR_EMAIL_ADDRESS_HERE">
<span style="color: #<?php echo biz_option('smallbiz_mobile-text-button-color')?>;">Email Us</span></a></p>
</div> <!--close tab-area-small2--> |
6) Save and Upload file – make sure to overwrite the existing file.
Answer – Removing the Directions Button :
1) Use an FTP Client or File manager to access your WordPress install.
2) Access the “Frontpage.php” file in the Mobile Layouts folder.
Typical Filepath: yourdomain/wp-content/themes/smallbiz/layouts/mobile
3) Open the frontpage file in a text editor of choice (Notepad++ for PC or TextWrangler for Mac)
4) Remove the following lines:
<div class=”tab-area-small” style=”background-color: #<?php echo biz_option(‘smallbiz_mobile-button-color’)?>;”>
<p><a href=”<?php echo biz_option(‘smallbiz_mobile-map’)?>” ><span style=”color: #<?php echo biz_option(‘smallbiz_mobile-text-button-color’)?>;”>Directions</span></a></p>
</div> <!–close tab-area-small2–>
5) Save and Upload file – make sure to overwrite the existing file.
Optional: Centering the “Call Us” Button – CSS knowledge required
If you want to “center” the “Call us” tab look for the screen.css file in the CSS folder of the Mobile Layout.
Typical Filepath: yourdomain/wp-content/themes/smallbiz/layouts/mobile/css
1) Look for:
.tab-area-small{
2) Delete:
float: left;
margin-left:23px;
3) Add in place of deleted above:
margin:0px auto;
