Hi there,
Thanks for writing in!
If you’d like to fix the issue instead disabling the image captions and achieve something like this: http://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 http://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 http://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.
