Title: Countdown Timer Ultimate not responsive
Last modified: July 22, 2019

---

# Countdown Timer Ultimate not responsive

 *  Resolved [shuntink](https://wordpress.org/support/users/shuntink/)
 * (@shuntink)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/)
 * This plugin doesn’t seem to be responsive. All the texts and numbers of the Days,
   hours, minutes and seconds are on one pile on mobile view.
 * The Pro version of this plugin says it is fully responsive but I don’t want to
   pay for something like this.
    Does somebody have a fix for this?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcountdown-timer-ultimate-not-responsive%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [6 years, 10 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11755866)
 * Easiest thing you can do is drop the text beneath the circles. Go to the “Additional
   CSS” part of the dashboard and add:
 *     ```
       html .time_circles > div {
       	margin-top: 0
       }
       ```
   
 *  Thread Starter [shuntink](https://wordpress.org/support/users/shuntink/)
 * (@shuntink)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11755898)
 * Hi Andrew,
    Thank you for replying to me. I’ve tried this but that doesn’t make
   the texts responsive. They are still on one big pile on mobile. Here is a screenshot
   what I see on my mobile: [http://nvtl.info.transurl.nl/wp-content/uploads/2019/07/Screenshot_20190722_162439_com.android.chrome.jpg](http://nvtl.info.transurl.nl/wp-content/uploads/2019/07/Screenshot_20190722_162439_com.android.chrome.jpg)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [6 years, 10 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11755956)
 * That CSS is not being applied on your website. Perhaps you added it to the wrong
   place.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [6 years, 10 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11755972)
 * Use the “Additional CSS” option in the customizer. [https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)
 *  [Rafik](https://wordpress.org/support/users/rafikwp/)
 * (@rafikwp)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11758903)
 * Hello,
 * This plugin is already responsive you can check here [demo](https://demo.wponlinesupport.com/countdown-timer-ultimate-demo/),
   but here some theme CSS class and plugin class are common so CSS getting conflict.
 * Please go to your customizer and add bellow CSS
    Admin Panel->Appearance->Customize-
   >Additional CSS
 *     ```
       @media only screen and (max-width: 40em) {
   
       .wpcdt-countdown-timer .time_circles {
   
           position: relative !important;
           width: 100% !important;
           height: 100% !important;
   
       }
       .wpcdt-countdown-timer .time_circles > div > h4 {
           font-size: 8px !important;
           color: #000;
       }
       .wpcdt-countdown-timer .time_circles > div {
   
           position: absolute !important;
           text-align: center !important;
           margin: 0 !important;
   
       }
   
       }
       ```
   
 * If you still facing issue then go to your theme >> style.css and add CSS code
   at end of the file
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [6 years, 10 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11759026)
 * > If you still facing issue then go to your theme >> style.css and add CSS code
   > at end of the file
 * You should warn that this is bad practice and will cause maintenance issues in
   the future.
 *  [anoopranawat](https://wordpress.org/support/users/anoopranawat/)
 * (@anoopranawat)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11892707)
 * Hello,
 * I checked your website and also checked the timer added. Still there is issue
   and issue is due to css added :
 *     ```
       .time_circles > div {
           position: static !important;
           text-align: center;
           float: left;
           width: 25% !important;
           margin-top: -65px;
       }
       ```
   
 * Can you please confirm this css and delete this css. Because of this css, you
   are facing issue.
 * Hope this will fix your issue 🙂

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Countdown Timer Ultimate not responsive’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/countdown-timer-ultimate_feef7c.svg)
 * [Countdown Timer Ultimate](https://wordpress.org/plugins/countdown-timer-ultimate/)
 * [Support Threads](https://wordpress.org/support/plugin/countdown-timer-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/countdown-timer-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/countdown-timer-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/countdown-timer-ultimate/reviews/)

 * 7 replies
 * 4 participants
 * Last reply from: [anoopranawat](https://wordpress.org/support/users/anoopranawat/)
 * Last activity: [6 years, 9 months ago](https://wordpress.org/support/topic/countdown-timer-ultimate-not-responsive/#post-11892707)
 * Status: resolved