• Resolved Navid

    (@navidelhami)


    Hi, I really like this plugin but it doesn’t work on mobile and it is not responsive!
    You can open the link below and minimize the window. Then you can see it is not responsive (Or you can open the link in your mobile). please fix this problem in next upgrade.

    https://danup.ir/courses/laravel-5-8/

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Nabil Lemsieh

    (@nlemsieh)

    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

    • This reply was modified 2 years, 2 months ago by Nabil Lemsieh.
    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.

    Plugin Author Nabil Lemsieh

    (@nlemsieh)

    @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).

    Plugin Author Nabil Lemsieh

    (@nlemsieh)

    @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.

    Plugin Author Nabil Lemsieh

    (@nlemsieh)

    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.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘countdown doesn’t show in mobile’ is closed to new replies.