Title: Counter Allignment
Last modified: February 2, 2023

---

# Counter Allignment

 *  [sholis](https://wordpress.org/support/users/sholis/)
 * (@sholis)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/counter-allignment/)
 * Hi Everyone,
 * I need help aligning this counter on a mobile device.
 * The icon and the counter to be vertically alligned on mobile devices
 * Thank you
 * ![](https://prnt.sc/NyYKnYgUK02P)
 * ![](https://prnt.sc/NyYKnYgUK02P)
    -  This topic was modified 3 years, 3 months ago by [Yui](https://wordpress.org/support/users/fierevere/).
      Reason: moved to fixing wordpress
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcounter-allignment%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [George Appiah](https://wordpress.org/support/users/gappiah/)
 * (@gappiah)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/counter-allignment/#post-16432528)
 * These counters and their design are from the commercial theme (Giving Hand) and
   commercial plugin (WPBakery) you used to build your website.
 * Please note that when you use a commercial theme/plugin and you need help with
   some aspect of your site handled by that commercial product, you’ll have to use
   the product vendor’s official support channel for help, as [commercial products are not supported here](https://wordpress.org/support/guidelines/#do-not-post-about-commercial-products)
   at WordPress.org.
 * It seems your issue can be fixed with a simple CSS code, so I’m more than happy
   to help you here. Please try the following code in APPEARANCE => CUSTOMIZE =>
   ADDITIONAL CSS:
 *     ```
       @media only screen and (max-width: 480px) {
       .home .container .tpath-counter-section {
           display: flex;
           flex-direction: column;
       }}
       ```
   
 * If you want to add more jazz to the show and put a ring around the counters, 
   you can use the following code _**instead**_:
 *     ```
       @media only screen and (max-width: 480px) {
       .home .container .tpath-counter-section {
           display: flex;
           flex-direction: column;
           justify-content: center;
           border: 20px solid #0d7a8e;
           border-radius: 50%;
           width: 250px;
           height: 250px;
           padding: 20px;
       }
       .home .vc_custom_1675314418267 {
        display: flex;
        justify-content: center;
       }}
       ```
   
 * Standing by for feedback.
 *  Thread Starter [sholis](https://wordpress.org/support/users/sholis/)
 * (@sholis)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/counter-allignment/#post-16433674)
 * Thanks George.
 * I truly appreciate your support.
 * Meanwhile, did i ever contacted you on whatsapp a long while ago?
 * You told me you can develop any plugin..
 * Please share your whatsapp number. 
   Many thanks
 *  [George Appiah](https://wordpress.org/support/users/gappiah/)
 * (@gappiah)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/counter-allignment/#post-16434211)
 * > Please share your whatsapp number.
 * I’m sorry, but that’s against the forum rules: [https://wordpress.org/support/forum-user-guide/faq/#why-is-asking-for-offering-email-support-not-permitted](https://wordpress.org/support/forum-user-guide/faq/#why-is-asking-for-offering-email-support-not-permitted)
 *  Thread Starter [sholis](https://wordpress.org/support/users/sholis/)
 * (@sholis)
 * [3 years, 3 months ago](https://wordpress.org/support/topic/counter-allignment/#post-16435049)
 * Oh, I am sorry about that.

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

The topic ‘Counter Allignment’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [sholis](https://wordpress.org/support/users/sholis/)
 * Last activity: [3 years, 3 months ago](https://wordpress.org/support/topic/counter-allignment/#post-16435049)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics