Hi all please help asap!
I have created a private page for a special customer to access only.
It is not password safe it is just a unique hyperlink they can use.
Can someone please advise why the hyperlink works but wont work on mobile?
hyperlink is http://www.ellarboutique.com.au/mcgrath
Hey EllarBoutique,
On what page is the link located?
Best regards,
Jordan Shannon
Hey Jordan,
When you see the images on http://www.ellarboutique.com.au/mcgrath
I want to click on each image and it opens up to a seperate page for each onto those 3 products.
The links to those products are below BUT on mobile it wont work at all
http://www.ellarboutique.com.au/product/the-warm-welcome-mcgrath/
http://www.ellarboutique.com.au/product/the-lasting-luxury-mcgrath/
http://www.ellarboutique.com.au/product/the-gourmet-delight-mcgrath/
Hi,
Thanks for the update.
Does it work when you tap the image twice? Try to remove the image overlay on mobile view. Add this code on the Quick CSS field.
@media only screen and (max-width: 767px) {
.avia-image-overlay-wrap a.avia_image .image-overlay {
display: none !important;
}
}
Best regards,
Ismael
Hi there
I have added this CSS into the field but nothing is changing
it still will not work on mobile
Can i please create you a temp log in for you to review?
Kind regards
Lisa
or – because on mobile devices – Enfold adds a class to html ( avia_mobile ) you can do it without checking the width:
(avia-compat.js line 11)
.avia_mobile .avia-image-overlay-wrap a.avia_image .image-overlay {
display: none !important;
}
if you merge css and js or have other caching plugins – refresh all caches etc.
Hi,
Let us know if that advise works!
Best regards,
Basilis