Replace Get App Button

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4949
    Codespoon
    Member

    Hi
    I would like to replace the button that comes with the template with the authorized button from Apple and Android store.
    How can I do it?
    Thanks
    Ana

    #4950
    Nexus
    Moderator

    Hi,

    You have to go in and edit Revolution Slider Slides to replace the default buttons.

    Thanks.

    #4969
    Codespoon
    Member

    For the button inside the header? Next to the menu?

    #4975
    Raghavendra
    Moderator

    Can you try inserting the below piece of code into custom/custom-functions.php file and see if that works for you?

    $prefix = mo_get_prefix();
    add_action("{$prefix}_start_header", 'mo_display_button', 9);
    
    
    function mo_display_button() {
    
    	$itunes_url = 'http://itunes.apple.com/';
            $google_play_url = 'http://play.google.com/';
    
            echo '
    '; echo 'btn-googleplay'; echo 'btn-appstore'; echo '
    '; }

    and the Custom CSS –

    /* 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;
    }
    
    }
    
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Appdev Theme Support’ is closed to new topics and replies.