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
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
Thanks Digit. I still couldn’t get this to work but am using CSS Hero to adjust.
Thanks again
Huw
Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
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
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