CSS drop down help (mobile issue)


I have created a team page that displays a bio when the image is clicked (link here - http://www.parklandsdentalcare.co.uk/about-the-team/)

When reducing the browser to mobile width, I have currently created a large margin at the bottom so that the image doesn’t overlap the image below. Is there any simple way to make the content box ‘push’ down the below images, allowing me to remove the gaps.

I edited this to only have the margin on hover and worked okay when resizing the browser however, on mobile this caused various problems to display correctly.

Any help or advice would be greatly appreciated.


Just to make this clearer guys, when you click an image, the bio appears. Watching for solution,

bump. Any suggestions?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.