On the column on this page that contains the grid image gallery, I've applied the value height:550px overflow:scroll in order to create a sticky scrolling area within the page for that gallery. It works but it results in a heap of empty space appearing below the gallery grid, which is not in the content I have built. Can you tell me why this is happening and how I can avoid it?
Try adding the "max-height" Attribute instead of "height and check.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hi guys
On the column on this page that contains the grid image gallery, I've applied the value height:550px overflow:scroll in order to create a sticky scrolling area within the page for that gallery. It works but it results in a heap of empty space appearing below the gallery grid, which is not in the content I have built. Can you tell me why this is happening and how I can avoid it?
Thanks
Chris
Hi Crispy,
Please send us your login credentials with admin privileges so that we can look into the issue further.
Thanks.
Hi Crispy,
Have you tried checking for third party plugin conflicts?
Yes,
C
Hey Again,
Try adding the "max-height" Attribute instead of "height and check.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
Hi Tahir, thanks for this. It doesn't seem to make a difference to the issue though. I've viewed in chrome and safari.
Thanks
Chris
Hey Again,
I am afraid there is no easy fix for this: https://stackoverflow.com/questions/23529369/why-does-x-overflowhidden-cause-extra-space-below .
Try using the Carousel Page Element and add the Team Member Elements in it.
Thanks
ThemeNectar Support Team