I am looking to do 2 things.
First I am trying to make my image gallery lightbox and links be mobile responsive. When I look at them on my phone, they are the same size as they are when they are on the full site. What media query CSS code would I need to make that happen.
Secondly, on my homepage gallery, I have removed the link icon from my gallery images just leaving a lightbox button. I would like to center that. I have placed some code that allows this to happen at full screen width, but any adjustment in the browser and it shifts off center. I know the code is wrong.
If you could provide me a solution to these issues, I would be mighty appreciative. Thanks!
I am using the Grid Gallery for the home page and my gallery page. There is no way to shrink the link and lightbox icons when viewing at different browser sizes?
For the lightbox issue, here is the link. http://www.mindyourartgallery.com. The homepage gallery is where the lightbox link is that I am having trouble staying centered. Let me know if you have any questions. Thanks!
First off, thank you for all your help so far. A couple more things I need in relation to this topic:
1.) When viewing on a mobile device Iphone5, my gallery icons are the same size as they are when viewed on a desktop. My client doesn’t like that you can’t tell if you are selecting the gallery image lightbox or link to store. Can we make the mobile gallery image buttons mobile friendly?
2.) I know my gallery shows 4 image columns on full screen, but can we make that gallery only show 2 columns on a mobile device? That may be a work around for the above problem as well.
Let me know and I hope you are having a great day. My site log in information is above in this conversation.
You must be logged in to reply to this topic.