Why does text disappear on tablet view of my website?

Our website http://www.donegalbees.ie is having an issue when being viewed on a tablet/ipad, the text disappears in the orange clickable buttons on our homepage. This seems to be only affecting the tablet view, both web and phone view are working fine. Please see following images to explain what I mean:

Is there a way to solve this? (Please reply to this thread, no phone calls or whatsapp messages.)

Thanks

1 Like

Hi @NicBres

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

I tried on some devices and I found it crashing on ios devices you can try the following code:

-Go to Online Store->Theme->Edit code

-Asset-> theme.css paste the below code at the top of the file.

@media not all and (min-resolution:.001dpcm)

{ @supports (-webkit-appearance:none) {

.button-primary span {

z-index: 9999 !important;

position: relative !important;

}

}}

Best Regards;

PageFly

Hi @PageFly-Victor thanks for helping out, I added the code but sadly it doesn’t seem to have made a change on ipad view?

I think this problem is quite complicated and I need to add my own code to try on different cases. if you don’t mind can you give me access and i will try more code and test to fix it as fast as possible

In or simpler way you can download PageFly then start chatting with support 24/7 and give us permission and I will fix it for you

@NicBres

We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?