Reply To: Top Right APP button – can we use HTML?

[Raghavendra]

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 '
';
        echo '';
        echo '';
        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;
}

}