Evolve: photo captions on mobile

Hi there,

Thanks for writing in!

If you’d like to fix the issue instead disabling the image captions and achieve something like this: https://prntscr.com/9sxqmb. So please add the following code under Appearance > Customize > Custom CSS:

#gallery-2 .gallery-item {
    width: 100% !important;
}

Hope this helps!

Thanks.

Thanks emranemranx, that’s solved it!

It’s still not right on the Photo page though, what code can I use to correct the captions on that page?

Thanks a million for your help.

Hi there,

Glad that resolved!

Well to resolve and make fully fluid; please replace the previous provided code with the following:

@media screen and (max-width: 991px) {
   #gallery-2 .gallery-item {
    width: 50% !important;
   }	

   #gallery-2 img {
    margin-left: 0 !important;
    }
}

@media screen and (max-width: 767px) {
   #gallery-2 .gallery-item {
    width: 100% !important;
   }
}

Please see if it worked or indicate me to the Photo page, so that we can provide you with a tailored answer.

Thanks!

Dear emranemranx,

The website is now looking great on the computer and tablet.

The homepage is looking great on my iphone, but the photo page https://www.lemasdordogne.com/photos/ still has the image captions going down horizontally. Can you help me with some code that can sort it out?

There is also a problem on my mobile with the width of the rates page https://www.lemasdordogne.com/rates-and-availability/. The calender is fine, but the rest of the width of the page is not 100%.

Thanks in advance.