Jadec

Try adding to Design > Custom CSS
/* Sound team */ @media screen and (min-width:992px) { [data-section-id="62ecae556ad8303a52e480f6"] .gallery-grid-wrapper figure { position: relative; left: 50%; } }  

Hi. Where is that page?

Site URL: https://www.rollingpictures.ca
I didn't notice it before but my nav bar does not load smoothly. In addition to that it starts off at a smaller height, and then increase to what the height should actually be (which is not ideal).
I ran a third party speed and performance analysis and it states that "image elements do not have explicit width and height". I'm guessing that this is the problem but how do I solve it?
The video attached shows what happens with the nav bar (don't worry about the very minimized video - it's because I removed all my css code to make sure that it wasn't affecting the navigation - which it doesn't seem to be).


Screen Recording 2021-05-21 at 11.57.49 PM.mov

I just checked it out on my phone and you're right it works!
But now I have a new issue. The "Previous" and the "Next" button are falling at weird spots on the bottom of the page and the word isn't center aligned with the arrow.
 
Any ideas on why this is happening? I have some code that I used to change the name of these buttons.
Code:
/* Blog Page Next Button */
span.next-label {
    visibility: hidden;
}
span.next-label:after {
    visibility: visible;
    content: "Next";
    font-size: 24px;
}
/* Blog Page Previous Button */
span.prev-label {
    visibility: hidden;
}
span.prev-label:before {
    visibility: visible;
    content: "Previous";
    font-size: 24px;
}
 
See screenshot:

Hi site password: hello

Site URL: https://rolling-pictures.squarespace.com/documentary
Hi,
I would like the Blog pages: 
Animation Documentary Feature etc to show more than one image on smaller devices. Currently, the mobile view shows one project/image at a time. See images attached for reference on what it the mobile version looks like. vs the desktop. I wouldn't mind if the mobile shows two images at a time.
Another screenshot showcases the about us gallery images which shows 2 images at a time on mobile, but for some reason it's getting cut off and expanding the page horizontally which is causing a horizontal scroll (which I don't want). How do I fix these issues?