I’m trying to create an elementary image ad, but I’m running into problems. For some reason, the image is only visible on desktops and is hidden on all other devices. I tried to unhide everything with the following CSS code:
/* Force Newspaper ad boxes to be visible on all devices */
.td-ad-hidden,
.td-visible-desktop,
.td-visible-tablet,
.td-visible-mobile {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
width: 100% !important;
position: static !important;
}
/* Remove any hiding by parent container */
@media (max-width: 1024px) {
.td-ad-hidden,
.td-visible-desktop,
.td-visible-tablet,
.td-visible-mobile {
display: block !important;
}
}
@media (max-width: 768px) {
.td-ad-hidden,
.td-visible-desktop,
.td-visible-tablet,
.td-visible-mobile {
display: block !important;
}
}
This code should disable every hiding present, but it does not.
The website is eldia.uy. I am getting tired of your code not working as expected. I still have a Flex 2 block that is not working, and your only response was: It should work.
Hi,
Normally you don’t have to do anything special to get an image ad displayed. If you use an ad box and you set an image in it https://prnt.sc/P5Kkpks4uOVw that ad box appears on all devices by default. That would be all there is to it.
And the flex block 2 element should indeed work fine. It’s probably something caused by the design set for it. Does it work if you place a new block and click on the image? Sometimes positioning elements over the image with margins and padding can make the image unclickable.
We can take a closer look at both these issues directly on your website. We will need admin login, please send the user and pass by email at contact@tagdiv.com and please also include a link to this topic in the email. Then we can get to the bottom of both these issues.
Thanks.