How to make photo gallery images larger on mobile


#1

I posted a question earlier (here) about creating a photo gallery (actually I wanted to know how to make the featured images on front page non-clickable). I thought I had it figured out by adding a photo gallery instead, but I didn’t realize that on a phone the images are showing up very small. I would like them full screen on a phone. Is there a way to do this?


#2

Hello there,

Thank you for getting in touch.

Could you please post your URL here so I can have a closer look?

Warmest regards,
Kharis


#3

Thanks for the quick response. Does my site have to be live for me to do that?


#4

Hello there,

Yes, it should be live. If it’s still in “under construction” mode, could you give me a temporary access to your admin area? You could send the login credentials to my email kharisblank at gmail dotcom with the link to this thread.

Warmest regards,
Kharis


#5

Hello there,

> I would like them full screen on a phone. Is there a way to do this?

Could you please try to add the following CSS code through the Simple Custom CSS plugin?

@media only screen and (max-width: 640px){
  
  .tiled-gallery .tiled-gallery-item,
  .tiled-gallery .gallery-group{
    float: none !important;
  }
  
  .gallery-row,
  .tiled-gallery .tiled-gallery-item img,
  .tiled-gallery .tiled-gallery-item,
  .tiled-gallery .gallery-group{
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  
  
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis


#6

Thanks so much for the quick response. This works perfectly.


#7

Dear Suzanna,

Glad to know that it worked for you.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

I’m happy to have an opportunity to assist you.

If you don’t mind, could you please rate our Sydney theme here? We would highly appreciate it.

Warmest regards,
Kharis


#8

Thanks again! I rated your theme and left a review.