Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #488422

    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! :-)

    #488607

    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

    #488951

    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?

    • This reply was modified 8 years, 8 months ago by srcnc.
    #489260

    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

    #491775

    Hi, I changed layout, and it looks great! you can close this issue! :-)
    Thanks!!!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Slight pixel gap between even columns’ is closed to new replies.