View of menu photos the same in different size windows

Jana Bess · July 4, 2019

Re: darkshadowsplay.com

Hi, is there a way for me to have my six menus appear as a rectangle on smaller and larger screens? Per cap examples, rectangle on smaller screen is not a rectangle on larger screen. Thanks!

Hikin' Mike · July 4, 2019

Not sure I understand. You want the images on the bottom (large monitors) to look like the top (smaller monitors), correct?

Jana Bess · July 5, 2019

Hi Mike. Yes, the upper view is how I would like my six images to always display. They are each a link to one of my six folders (containing galleries).

Basically, I would like the six folders on my homepage to always load with two rows, and three across.

I fiddled with image sizes, spacers, and percentages and margin settings, but couldn't get it to work. If it looks right on a smaller screen, it doesn't on the larger (as in the attachments), and vice versa.

Hikin' Mike · July 5, 2019

Add a CSS block to your home page and add this:

.sm-tiles-column-organic.sm-tiles-col-4 .sm-tiles-column,
.sm-tiles-grid.sm-tiles-col-4 .sm-tile-wrapper {
  width: 100%;
}

.sm-page-widget-25483191 {
  margin: 0 auto;
  max-width: 1158px;
  width: 100%;
}

If you delete the photo widget and use another one, you will have to find the new widget number.

Unrelated, I remember my mother watching Dark Shadows as a kid (I'm 54), and it freaked me out!

Jana Bess · July 6, 2019

Works perfect!! Thanks!

We weren't allowed to watch DS, darn. I just started watching it last year when Amazon Prime Video started streaming the entire series. It's a hoot. I really like actor Jonathan Frid.

View of menu photos the same in different size windows

Comments