Hey there nicolactw,
How are you doing today?
Would you mind posting link to that specific page on your site so I can take a look?
Cheers,
Bojan
Hi Bojan! Thanks for your replay!
Ok, to see the popup you have to open this product page:
http://www.ctwsport.com/prodotto/slip-tecnico-running-uomo-reno/
After adding this product to your cart you’ll be redirect to cart page where after 4 second the popup will appear!
PS: please don’t look to site css cause from some hours i’m on trouble with css but problem with your plugin is not related to this one 🙂
Hey again nicolactw,
Thanks for the link, I’ve checked your site and this is the CSS that is removing popup on mobile screens:
@media only screen and (max-width: 800px)
.popup {
display: none !important;
}
Can you please double check that, there is also some CSS coming from avada theme style.css that is affecting popup class.
Best regards,
Bojan
I find these css lines but I don’t know how to fix them!
I try to overwrite them from the custom css but it doesn’t work! I even try to find this css file but i don’t know where is it! (it isn’t avada style.css)
Any suggestion?
Thanks for your help!
Hey there nicolactw,
Normally I’d suggest simply removing that but since I don’t have access to Avada theme as this is a premium theme I didn’t want to suggest that as I’m not sure where is this being used elsewhere, I’m assuming that Avada has some sort of popup or an element that uses that specific class that needs to be hidden on smaller resolutions.
We could force it with bunch of importants but I wouldn’t really suggest doing that as there are additional styles that are affected by this, would you mind asking for advice from Avada support on where exactly is this being used?
Also take a look at the theme settings page to see if there are any options for hiding any theme specific popup on mobile/tablet resolutions.
Cheers,
Bojan
Dear Bojan! I tried writing to Avada support but i had no answer! I fixed the problem adding this custom css:
@media only screen
and (max-width : 880px) {
.popup{
display: block!important;
}
}
Thanks for your great help
Hey again,
Please note that having so many important declarations is not really a good practise.
Glad you managed to fix that 🙂
Cheers,
Bojan
