Hi @navidelhami
it doesn’t work on mobile
The issue comes from your theme and not the plugin. If you inspect the page you will see that the block .product-single-aside
is set to display:none
on small screens. If you remove it or change it to display:block
, you will notice that the block is placed at the bottom of the sidebar. Watch this short record to learn more.
it is not responsive!
Unless I’m missing something. I can see that your countdown timer is responsive on mobile. If you need to adjust the appearance to fit your needs for mobile, you can use this custom CSS code:
@media(max-width:991px){
.hurrytimer-campaign .hurrytimer-timer-digit{
font-size:12px;
}
.hurrytimer-campaign .hurrytimer-timer-label{
font-size:12px;
}
.hurrytimer-campaign .hurrytimer-headline{
font-size:15px;
}
}
I hope this helps.
Let me know if you have any questions.
Best,
Nabil
Thread Starter
Navid
(@navidelhami)
Thanks Nabil. Should i use this code in Custom CSS section in plugin or in Style.css file of my theme?
Thread Starter
Navid
(@navidelhami)
This code make a duplicate .product-single-aside (You can see that in your recorded video). Please give me a new way to fix this issue.
@navidelhami
Should i use this code in Custom CSS section in plugin or in Style.css file of my theme?
If you’re using a child theme, you can add the code to style.css. Otherwise, you can add it to Appearance > Customize > Additional CSS. Feel free to adjust the values in the code to fit your needs.
This code make a duplicate .product-single-aside (You can see that in your recorded video). Please give me a new way to fix this issue.
This depends on your theme, but you can try this CSS code to keep the block visible on all screen sizes:
.product-single-aside{
display:block !important;
}
Thread Starter
Navid
(@navidelhami)
Unfortunately both of these codes duplicate the section (like your recorded video).
@navidelhami
It seems like there are two versions for the same block .product-single-aside
one for mobile and the other one for desktop. In this case, you will need to put the shortcode in both places.
If you can’t figure out this in your theme options, I’d recommend that you contact the theme support to ask for assistance they are better positioned to help you with this matter.
I haven’t heard back from you in a while, so I’m going to mark this as resolved.
If you need any further help, feel free to start a new thread.