Hi,
I used grid row, and 1/2 & 1/2 (apply same value). Then insert easy slider in both columns. (All images made by same size)
Then, there is small space at the bottom on right side column.
I inspected elements, and find out there is 1 pixel difference of width between columns. (height is same)
I think that is the reason of small gap.
I captured image. Please click the link at below for your reference.
https://www.dropbox.com/s/2vdbvoaost33za7/capture.png?dl=0
It can be ignore it, but that tiny gap is bothering to me too much. Is there any way to fix? Please adivse.
Thanks much in advance! :-)
Hi srcnc!
Thank you for using Enfold.
I checked the page but I don’t see any difference in the sliders’ height. I can’t even see the images in the screenshot. Did you remove them?
Cheers!
Ismael
Hi Ismael~ :-)
Thank you so much for your reply. I didn’t remove it. I copied different link here.
https://www.dropbox.com/s/mbfb0hlxxpx0gz4/Homepage%20%20%20K%20Food%20Week%202015.png?dl=0
The worst problem occurred on smartphone. There are large space between 1st slider and 2nd slider.
https://www.dropbox.com/s/vgfoyr8du74o99j/Troy%20%20%20Responsive%20web%20tester.png?dl=0
Is there any way to remove space between them? is it possible?
Or is there any certain size guide line to fit in the best?
Hi!
I can’t see the issue on desktop but it is visible on mobile screens. It is caused by the minimum height value in the grid row element. Please edit the grid row element then remove the Minimum height value.
Regards,
Ismael
Hi, I changed layout, and it looks great! you can close this issue! :-)
Thanks!!!