Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #945565

    On desktop and tablets I am using extra large buttons on my landing page. I want them to be medium on mobile devices. I have tried this CSS but it is not working. Please can you help me to fix this.

    /*tradespeople-sites-page-buttons smaller on mobile devices*/

    .tradespeople-sites-page-buttons {
    @media screen and (max-width: 568px) {
    avia.button.avia-size-medium;
    }
    }

    Thanks

    Huw

    #945585

    Hey Huw,

    CSS code you tried is invalid. I replaced it with following one

    @media only screen and (max-width: 768px) {
    .avia-button.avia-size-x-large {
        padding: 15px 40px 13px!important;
    }}

    Please review your website

    Best regards,
    Yigit

    #949380

    Thanks Digit. I still couldn’t get this to work but am using CSS Hero to adjust.
    Thanks again
    Huw

    #949530

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Yigit

    #949837

    Yigit. Thanks. I don’t need you to look any further. I’m using a plug in to do some of the adjustments which is making things easier. Thanks anyway.

    Huw

    #949930

    Hi,

    Glad you figured it out! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Smaller buttons on mobile devices’ is closed to new replies.