Issue on Gallery Page – Images not appearing & Home Page Slide text

[sandyms]

Hi!

On the gallery.html page of the website, when the screen is responsive and going smaller (and also when on a mobile device) the photos disappear. I would like to see this on the smaller screen size and also go into a single row when on a mobile size. Please help!

The other issue is the index-chemblend.html page – (home page behind the scenes)… The two slides have content on them. When you start to reduce the screen size the content on the slides gets really tiny and then big and then kindof tiny. Can you me with this as well.

I am so close to launching this live and these were the tweaks I couldnt figure out.

---

Template Version: Theme Version: 10.2.0

[Support]

Hello,

1) Try adding this:

@media (max-width: 767px) {
    .sort-destination .masonry-item {
        position: static !important;
    }
}

2) You can change the fontsize for small resolution, example:

Kind Regards.

---

[sandyms]

For the Gallery – it’s close! It gets messy with the layout and some spacing under some photos when it goes to the 767 px size. Then when the screen is reduced more, it goes to the single photos which is good though.

If we cant get it to lay correctly at 767 px, then how can I just have it go from the larger size and then at 767 go to the single photos?

For the slide – home pg –
I was really struggling with the longer text at the end of each slide but all of them in general. I see now that it is a tricky situation to get these to look good.

Does this coding have anything to do with the screen sizes and would adjusting this help instead or along with adjusting the numbers?
in the slider top tag…
responsiveLevels’: [4096,1200,992,500]

Also, with your snapshot – what are the 4 numbers referring to in order?
Is it: smallest screen, small screen, medium screen, and then large screen size?

---

[Support]

Hello,

– Change the class of the items from “col-sm-3” to “col-md-3”.

– Yes, those numbers are the font size in pixels related to the responsive levels. So, resolutions from 1200 to 4096 will use fontSize 22px, 992 to 1200 will use 22px…

Responsive Setup

---

[sandyms]

You are seriously the best! The Gallery looks perfect now. Thank you so much! I would not have figured that one out on my own.

I will leave this ticket open as I try out the sizing for the slide on the home page. I think I should be able to get it but I have to try it out next first.

---

[sandyms]

Thanks again! I am all set! I really appreciate your time in this.
Have a nice day!

---

[Author]

Posts