I'm currently having some issues with keeping my content aligned correctly on smaller screens and would like some advice on the best way to go about fixing it.
My problem comes with the "Things to do in Watamu" section. On a 1080p screen it looks fine, but once I make the screen size smaller, the images and text align at different points, and I would like to keep it all uniform and on the same level. I have attached an image to illustrate the issue.
This is obviously happening because the text on the top row is going down to a second line and as a result is pushing the rest of the column down. So I can fix this so it looks okay on a desktop by making multiple rows and making all of the content the same height, but this then causes issues with the mobile version as the ordering is wrong (All headings appear, followed by all the pictures etc.)
Any help on this issue would be really appreciated!
Hi,
I'm currently having some issues with keeping my content aligned correctly on smaller screens and would like some advice on the best way to go about fixing it.
The site in question is HERE
My problem comes with the "Things to do in Watamu" section. On a 1080p screen it looks fine, but once I make the screen size smaller, the images and text align at different points, and I would like to keep it all uniform and on the same level. I have attached an image to illustrate the issue.
This is obviously happening because the text on the top row is going down to a second line and as a result is pushing the rest of the column down. So I can fix this so it looks okay on a desktop by making multiple rows and making all of the content the same height, but this then causes issues with the mobile version as the ordering is wrong (All headings appear, followed by all the pictures etc.)
Any help on this issue would be really appreciated!
Many Thanks
Sean
Hey ,
Please have a look at this Ticket : https://themenectar.ticksy.com/ticket/253230/ .
Thanks
ThemeNectar Support Team