0
Welcome Guest! Login
0 items Join Now

SOLVED Row content skipping a column on Chrome and Firefox

  • SOLVED Row content skipping a column on Chrome and Firefox

    Posted 3 years 5 months ago
    • Hi,

      I have a weird issue with chrome and firefix. Everything is ok in Safari

      At this page at the bottom (green square with all the picture) The second row skip the first column and I can't figure why.
      Also if you reduce the width of the browser it is even worst.

      If anybody have a clue for me it would be really appreciated.

      www.etudeducouple.ca/index.php/fr/etudiants/katherine-peloquin


      Thank you
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED Row content skipping a column on Chrome and Firefox

    Posted 3 years 5 months ago
    • 1. The image of "katherine" is 560 x 362 px - resize it to match all the other images - namely 206 x 133px

      2. Remove all the hardcoded dimensions on the image tags (i.e. width="206" height="133") - you should not do that in a responsive template.

      3. You've just used "gantry-width-25" block consequetively - but there should only be four of them per "gantry-row" div i.e. 4 x 25% = 100% which fills the row.

      Correct this and I can look again if that does not fix the issue.

      Regards, Mark.
    • Last Edit: 3 years 5 months ago by MrT.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
  • Re: SOLVED Row content skipping a column on Chrome and Firefox

    Posted 3 years 5 months ago
    • All good

      Thank you

Time to create page: 0.039 seconds