Get this App custom button not displaying on mobile

[kappadelt]

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!

[Veena]

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

[kappadelt]

This reply has been marked as private.

[Veena]

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?

[kappadelt]

This reply has been marked as private.

[Veena]

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

[kappadelt]

This reply has been marked as private.

[Veena]

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.

[Author]

Posts