Changing size taps on mobile devices

Hi people!

I’ve been doing some mobile friendly tests in my site and the banners buttons decrease my rating because they are too small (like you can see below). I tried to increase the size by CSS, but It not worked. Is there any way to solve this?

My site is www.aurumnutricao.com.br. If anybody wants to reproduce the test, the URL is https://testmysite.thinkwithgoogle.com.

Thank you!

Hello Wendel,

Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

div.hero-section div.owl-buttons i.fa {
    font-size: 80px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi @Roman!

Thanks for your help!

Unfortunately, the code above didn’t worked to reach my objective. It worked nice to increase the size buttons, but the rating at Google Mobile Friendly Test kept the same grade. I’ve tried changing the atribute font-size till to 150px, no success… do you have another sugestion, please?

Thanks again!

Hello Wendel,

I have just tested TheShop Demo site with Google Mobile-Friendly Test and it says that page is mobile-friendly. So I think that buttons are okay by default.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.