Support Forums for LiveMesh Themes & Plugins › Forums › Appdev Theme Support › Top Right APP button – can we use HTML? › Reply To: Top Right APP button – can we use HTML?
January 14, 2014 at 4:15 am
#3725
Moderator
You should now see two buttons – one for appstore and another for google play. Pls remove the google play if you do not need it.
The below are the changes I made –
1) Inserted the following code into custom/custom-functions.php –
$prefix = mo_get_prefix(); add_action("{$prefix}_start_header", 'mo_display_button', 9); function mo_display_button() { $itunes_url = 'http://itunes.apple.com/'; /* Pls change this URL to the iTunes URL for the app */ $google_play_url = 'http://play.google.com/'; echo ''; }
and inserted the following into Custom CSS tab in theme options panel (can be inserted into custom/custom.css as well) –
/* Hide the existing get app button */ #header .button.get-app { display: none; } .app-download-buttons img { margin: 15px 10px 0 0; max-width: 140px;} .app-download-buttons { display: inline-block; width: 300px; float: right;} .play-button img { border: 1px solid #aaa;} .itunes-button img { border: 1px solid #252525; border-radius: 4px;} #header.sticky .app-download-buttons img { margin-top: 5px; margin-bottom: 5px; max-width: 140px; } /* Mobile layout */ @media screen and (max-width: 767px) { .app-download-buttons img { margin-top:0; max-width: 135px; margin-right: 5px; } .app-download-buttons { margin: 0 auto; width: 280px; float: none; } }