The gallery pages are not displayed correctly

claudiu

The gallery pages on my website need some tuning for both mobile and desktop: http://www.falubphotography.com/Temporary

Thus:

1. For mobile: some galleries have a large photo at the top with thumbnails at the bottom, which I like, but some other galleries only have the thumbnails, which I don't like so much. This is strange, since all galleries have the same settings. How can I set all galleries to have a large (landscape format) photograph at the top?

2. For mobile: The large photograph as well as the thumbnails are moved to the left (i.e. there is no margin to the left, whereas there is one to the right).

3. For Desktop: The "SmugMug" default gallery style (modified such that the large photo is to the left, and the thumbnails to the right) has a smaller margin to the left than to the right. I would like to move the thumbnails more to the right.

4. Finally, and unrelated to the subject topic, the photo in the contact form is way too small (the original one is 150 x 347 pixels, but it appears much smaller in the contact form).

Could you please help me with the above issues?

Thank You!

Hikin' Mike

For the first, looks like you've changed some of your sittings since you've posted your 'Temporary' page. I'm going to guess you are working on that.

For the second. You have the following in your CSS. Remove it.

.sm-gallery {
    margin-left: 0px !important;
}

For the third. Remove the margin-left...

.yui3-u .sm-gallery-tiles-container .sm-gallery-tilesnav {
    margin-left: 5px !important;
}

Use this instead. Change the -40px to suit.

.yui3-u .sm-gallery-tiles-container .sm-gallery-tilesnav {
    margin-right: -40px;
}

For the last one: https://portal.photom.me/portal/how-to-display-a-larger-profile-image-in-your-smugmug-contact-form/

claudiu

Fantastic, Mike! THANK YOU!!!

Issues 2, 3 and 4 are solved. Thanks for the link!

However, first issue is still a mystery to me

Since all my galleries have the same settings, I don't understand why certain galleries are displayed on the mobile screen with a large, landscape-format front image, whereas others not

That would probably be the last issue with my web gallery for a while