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 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
(@sholis)
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
Thread Starter
sholis
(@sholis)
Oh, I am sorry about that.