Different columns on Edge and Chrome

  • So I have a page with a gallery that is 8 column wide x 5 rows in height, with a total of 40 small square-shaped images.

    My general use and wordpress edit browser is Microsoft Edge, while I keep Google Chrome to open my sites as visitor without any logins by default. So I was testing this page in Chrome when I noticed: this gallery appears with 7 columns and 6 rows (last row has only 5 images). In Microsoft Edge, it has 8 columns and 5 rows (as defined in RGG settings).

    In mobile view, it has 2 columns, altough I would like to set it to 3 or 4 (this gallery in special needs to display small images, in large numbers).

    Is there a way to fix this?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter msdesignfoto

    (@msdesignfoto)

    Well I figured this out.

    The Max Row Height value was set to 250, and I reduced it to 240 pixels. Now both browsers display the gallery with the same number of columns.

    I still would love to know how to set this up for mobile view, considering this gallery is inserted into an Elementor page, and the Elementor gallery by itself, has the option to set the number of columns in both mobile and desktop. I should be able to exclude this page from using RGG, and display the native gallery instead.

Viewing 1 replies (of 1 total)
  • The topic ‘Different columns on Edge and Chrome’ is closed to new replies.