I have a services row using the Single Service Icon Widget. The rows line up at the top perfectly on the desktop, but not on mobile. How do I get them to line up properly across devices?
Hi Cynthia,
We need to check your website first for this. Can you post your website URL?
Regards
Thought I had included my website address in the “Website” box on your comment card, but here it is again: http://www.shaheencreative.com/
Hi Cynthia,
The services blocks are perfectly aligned one by one in mobile as I can see. Could you attach a screenshot here via http://imgur.com/ . I guess you are expecting them in a single row, in mobile it adjusts itself according to the screen size
Regards
Actually, the first column in the row lines up higher than the other two on the tablet. They line up directly under each other on the smartphone, which is fine. I’m wondering why they don’t line up, at the top of each row, on the tablet? I’ve sent a screenshot, as requested.
Hi Cynthia,
There is no screenshot attached. Maybe you forgot to add.
Regards
Nope, didn’t forget. I sent it to the link you gave me.
Just so we can stop going back and forth without resolving the issue, I’ve created a webpage for your review. On this page, you’ll find photos of my actual iPad showing how each browser displays the services icons. The left icon is visibly higher than the other two in each browser.
Hi Cynthia,
Thank you for creating a page to get a better idea.
Try the CSS below
.panel-grid .panel-grid-cell{
vertical-align: top;
}
Copy and paste the CSS to Appearance -> Customize -> Additional CSS
Regards