Add a button to the mobile version

add a button to the mobile version on the main image
http://profit-signalfx.com/
how i solve?
print screen
https://hostingkartinok.com/show-image.php?id=ffa1f4f56649b445296ae7cb3afa72be

Hello there,

To display the CTA button on smaller screen, you need to add the following CSS code into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.


.welcome-button {
  display: inline !important;
}

Regards,
Kharis

thank you bro

can you help me https://athemes.com/forums/topic/help-with-widge-google-translate/ ?

I used the CSS code above and now the CTA button is showing, but only the top half of it. The bottom half is obscured by the menu bar. This is only a problem on mobile in portrait mode. How do I make sure there is room for the Welcome logo and the CTA button?

My site is www.freckleesthetics.com

Hello @mbsource,

To insert the Google Translate code at the top of your site, you can use the Header and Footer plugin. Once this plugin is active, go to Settings > Header and Footer Scripts. Then paste the Google Translate code into the “Scripts in header:” box.

Regards,
Kharis

Hello @BuddyPerdew,

In the smaller screen, you need to scale down your logo and maybe move it to top a bit. It can be done by applying the following custom CSS code:


@media only screen and (max-width:500px) {
  
  .welcome-logo {
    max-width: 70%;
    margin-top: -10px;
  }
  
}

Regards,
Kharis

thx bro, your the best :slight_smile:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Worked great!!! Thank you Kharis!!!

You’re welcome @BuddyPerdew. Best wishes!