Modula gallery reshuffling images on Windows

  • Resolved aytonof

    (@aytonof)


    5 years, 11 months ago

    Regarding: https://robertayton.com/photo

    I am using the Modula gallery within SiteOrigin’s page builder. Would love for someone to explain why on my MacBook the Photo page I have setup works fine, with the images going full width – however on a Windows machine browser the photos are being rearranged and not using the full width of the page.

    Weirdly, if you click to ‘restore down’ they reshuffle to correctly use the full width, and once you maximize the screen again they stay in the correct order using the whole width, no reshuffle!?

    Is there some CSS clashing and causing the gallery to not use the full width?

    Thanks in advance!

    • This topic was modified 5 years, 11 months ago by aytonof.
    • This topic was modified 5 years, 11 months ago by aytonof.
    • This topic was modified 5 years, 11 months ago by aytonof.

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter aytonof

    (@aytonof)

    5 years, 11 months ago

    I’ve moved the bugged page to here:

    https://robertayton.com/photo_test

    kosmomehow

    (@kosmomehow)

    5 years, 11 months ago

    Had the same issue, set min-height of the body to 105vh (anything more than 100 will be good), should be working fine. Bug appears to be caused by the scrollbar – since before loading gallery you don’t have scrollbar, when it loads it appears and messes the layout up. Forcing page to have scrollbar at the plugin initiation fixes this problem.

    Thread Starter aytonof

    (@aytonof)

    5 years, 11 months ago

    Thanks for the response!

    Ah, I thought it was clashing with the sidebar or my custom width CSS for mainpage.

    What code would I be using and what am I pinpointing for min-height?

    Miha

    (@mplusb)

    5 years, 11 months ago

    Hi @aytonof,

    Please add this code in Appearance > Customize > Additional CSS:

    body {
	min-height: 105vh;
}

    Warmly,
    Mihaela

    Thread Starter aytonof

    (@aytonof)

    5 years, 11 months ago

    Mihaela you’re a hero, I had searched the forums high and low and I’m sure I had seen this code and tried it. Although I may have placed the CSS in the Modula CSS panel and not the Main site custom CSS.

    Is it a good idea to target this code to the specific page? As I assume body is now targetting all pages?

    Thank you ever so much for your help, I have been Google searching this for months and finally thought I’d just ask! Wish I’d done it sooner.

    HERO

    Thread Starter aytonof

    (@aytonof)

    5 years, 11 months ago

    I’ve placed the code in the Modula CSS custom code – and still seems to be working! Absolutely over the moon.

    Mihaela, I owe you one!!!!

    • This reply was modified 5 years, 11 months ago by aytonof.
    • This reply was modified 5 years, 11 months ago by aytonof.
    Miha

    (@mplusb)

    5 years, 11 months ago

    Happy to hear it worked! Thank you for bearing with us 💖
    Keep rocking!

    Warmly,
    Mihaela

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Modula gallery reshuffling images on Windows’ is closed to new replies.