Get this App custom button not displaying on mobile

Support Forums for LiveMesh Themes & Plugins Forums Appdev Theme Support Get this App custom button not displaying on mobile

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by Veena Veena 3 years, 11 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15102
    Kappadelt
    kappadelt
    Member
    Post count: 17

    Hi,

    Thanks for all your help so far. The client loves the theme. However, we are still having some issues. We customized the Get this App button to a Google Play Store button, and it looks great on the desktop site but it’s not showing at all on the mobile side. Can you assist?

    Also, is there any way to make the mobile toggle square/icon a different color and increase it’s size?

    Thank you!

    #15105
    Veena
    Veena
    Moderator
    Post count: 8063

    Pls try the below custom CSS in themeoptions –

    @media only screen and (max-width: 767px){
    #header .button.get-app {
      position: relative;
      display: block !important;
      top: -25px !important;
      float: right;
    }}
    #mobile-menu-toggle i {
      font-size: 26px;
    }
    @media only screen and (max-width: 767px){
    #mobile-menu-toggle {
      border: 2px solid #000;
      color: #000;
    }}
    
    #15127
    Kappadelt
    kappadelt
    Member
    Post count: 17
    This reply has been marked as private.
    #15138
    Veena
    Veena
    Moderator
    Post count: 8063

    The custom CSS that applied for google play button is not reflected yet.Can you pls check whether there is any syntax error in your custom CSS?

    #15143
    Kappadelt
    kappadelt
    Member
    Post count: 17
    This reply has been marked as private.
    #15152
    Veena
    Veena
    Moderator
    Post count: 8063

    I have removed extra closing braces from custom CSS. Pls check now once.

    #15322
    Kappadelt
    kappadelt
    Member
    Post count: 17
    This reply has been marked as private.
    #15347
    Veena
    Veena
    Moderator
    Post count: 8063

    Pls remove this custom CSS –

    @media only screen and (max-width: 767px){
    #header .button.get-app {
      position: relative;
      display: block !important;
      top: -25px !important;
      float: right;
    }}
    

    Instead add the below custom CSS in themeoptions –

    @media only screen and (max-width: 767px){
    #header .button.get-app {
      position: relative;
      display: block;
      top: -10px !important;
      right: 0;
      float: none;
      margin: 20px auto;
    }
    .button.get-app i {
      display: inline-block;
    }
    #header {
      height: 180px;
    }}
    

    Regarding mobile menu you can modify the file header.php line no:62.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.