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

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #15102
    Kappadeltkappadelt
    Member

    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
    VeenaVeena
    Moderator

    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
    Kappadeltkappadelt
    Member
    This reply has been marked as private.
    #15138
    VeenaVeena
    Moderator

    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
    Kappadeltkappadelt
    Member
    This reply has been marked as private.
    #15152
    VeenaVeena
    Moderator

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

    #15322
    Kappadeltkappadelt
    Member
    This reply has been marked as private.
    #15347
    VeenaVeena
    Moderator

    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.