Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 28, 2018 at 7:53 pm #1038695
    thinkjarvis

    I am having some trouble with the grid row elements on a new clients website.

    The grid row elements are not re-sizing equally. Grid Row Column 1 is slightly bigger than column 1 and 2 and I cant work out why.

    I have included the details in the private box. The site is on a test server.

    November 29, 2018 at 5:03 pm #1039030
    Victoria

    Hey Thomas,

    Best regards,
    Victoria

    November 29, 2018 at 6:37 pm #1039087
    thinkjarvis

    Hi Victoria,

    Sorry I think you have misunderstood.

    I am talking about the Grid row items. It is nothing to do with text.

    See screenshot below:
    https://www.thomasjarvisdesign.co.uk/example.jpg

    The 3 grid row images are not the same size, which is leaving a small gap under image 2 and image 3

    I have had this problem affect other sites with the same setup. The problem does not appear in Microsoft Edge. Only Chrome. It seems to resize grid row column 1 differently to 2 and 3.

    November 30, 2018 at 3:32 pm #1039341
    Victoria

    Hi thomasjarvisdesign,

    Ohhh….yeah, I guess, sorry :)

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.av-styling-no-styling .avia_image {
    margin-bottom: -1px;
}
.av-layout-grid-container {
    overflow: hidden;
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    August 15, 2019 at 10:30 am #1127875
    thinkjarvis

    This solution is spot on thank you.
    Its because pixels are calculated to decimal places but then rounded when displayed creating a small discrepancy.
    I have applied this to all of my client sites

    August 15, 2019 at 3:36 pm #1127961
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Grid row heights not equal on desktops’ is closed to new replies.