How to stop buttons floating in mobile?

To prevent buttons from floating on mobile devices, you can utilize custom CSS provided below. This CSS targets screens with a maximum width of 767 pixels and hides the specified buttons.

Steps to Implement CSS:

1. Go to Text to Speech in the WordPress sidebar.
2. Select “Customization” and then the “Design” tab.
3. Add the following CSS in the “Custom CSS” section:

@media only screen and (max-width: 767px) {
  .tts__custom-position {
     width: 100%;
     position :static;
     display:block !important;
 }
}

4. Save your changes.

By following these steps and adding the provided CSS code snippet in the “Custom CSS” section under the “Design” tab of the Text to Speech plugin settings, you can effectively prevent buttons from floating on mobile devices. This ensures a more consistent and user-friendly experience across different screen sizes.