Hi, having some issues with columns at the moment as it seems to be inserting invisible padding maybe?
This is the page in question https://quirks.essexwebdesignstudio.com/ and i’m trying to get it to look like the attached image.
Hopefully you can help as it seems to be adding padding under the Title when i want them grouped as per the attached screenshot 🙂
Thanks, Adam
Attachments:
You must be
logged in to view attached files.
Hi Adam,
I hope you are well today and thank you for your question.
I have made it work on your shared site using below CSS code.
.counter-wrapper .sh-counter {
float: right;
margin-right: 45px;
}
Could you please confirm it?
Best regards,
Shufflehound team
Hi,
Looks great on desktop… but not so great on mobile.
Can we move the counters to the bottom when on mobile?
Thanks, Adam
Attachments:
You must be
logged in to view attached files.
Solution for this topic
To achieve that please use below custom CSS code instead of the CSS code shared above.
@media (min-width: 770px ){
.counter-wrapper .sh-counter {
float: right;
margin-right: 45px;
}
}You are most welcome here 🙂
Popular choice
Professional Developers At Your Fingertips!
If you need services beyond standard support, we've got your back!
Services we offer:
Graphic work / visualizations Full WordPress development and design
We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.