Docs

[Laura83s]

Good morning,

This is my website

http://www.cloudrecover.com.au/

I need to fix some problem for the mobile version. How can make “tag target bigger”?

Thanks,

Laura

[Rad]

Hi there,

Thanks for writing in.

You have to make sure that your links and buttons can be clicked/touched easily. Usually, enough for fingers to easily touch them. You’ll have to add larger padding on them for additional size, and large margin to add sufficient spacing to avoid accidental touch.

What links has this problem? I may able to provide some tweaks.

Thanks!

[Laura83s]

Thanks for your explanation.

The links are in blue color, in the text
http://www.cloudrecover.com.au/

What can I do then?

Cheers,

Laura

[Paul R]

Hi Laura,

You can try adding this in your Custom > Edit Global CSS in the customizer(Appearance > Customize)

@media (max-width: 767px) {
.x-feature-box-text a {
    padding: 10px 20px 10px 0;
}
}

Hope that helps.

[Laura83s]

I tried thanks but unfortunately nothing changed….

[Rupok]

Hi Laura,

The above code shared by Paul is correct and should work fine to increase the tap area for mobile. I don’t see the code on your site, so perhaps that was not added correctly. If you have other code there, make sure all codes are closed properly and not preventing this code to generate.

Thanks!

[Laura83s]

Thanks for your reply but actually I don’t see any difference.

[Rupok]

Hi there,

To see the difference, you need to make sure the code was added correctly. Still I can’t see the code on your site. So perhaps your previous code above this has some issue that might preventing the code to be generated correctly. Let’s provide your login credentials in a private reply so that we can have a look if you can’t figure it out.

Thanks!

[Author]

Posts