I have a grid row on my new homepage (first grid row on the page).
Each cell has a background image and 4 elements: button, separator – white space, more info button, white space separator.
The middle cell should look like the left and right cell. It has the same elements, but they don’t render correctly. On a full width browser the white space separator is ignored. On narrower browsers the spacing is inconsistent.
What do I need to do to get a uniform appearance there? Thanks!
Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Thanks for the update. I can’t see any login details in your last reply, if you need further help on this topic, then please include them in private in your next reply.
Thanks for that. I adjusted the top margin value for the first white space element in the middle cell, and that looks good on my end. If it doesn’t work on all screen sizes, then you might have to use custom CSS, instead using top margin in the element options.
It didn’t work on my screen size. But, I added an extra word to the top button and that solved the problem.
For some reason, if the more info button could sit on the top line, it would ignore the white space. I am not sure why. But, by filling the top line with text, the More Info button responds to the whitespace.
Make sense? Anyway, our problem is solved, but you may have to look at the whitespace issue for future updates.
The topic ‘Grid row alignment is misaligned for some elements’ is closed to new replies.