miskomedia Posted July 5, 2021 Posted July 5, 2021 Site URL: http://stonewall-construction-inc.squarespace.com/multi-family-old Hey, I'm having trouble with the mobile arrows in the lightbox being centered on the images. I have added the code below to my css. The page to view is http://stonewall-construction-inc.squarespace.com/multi-family-old. Password is "jackson". Any help would be appreciated. Thanks! /* Show arrows on mobile */ @media screen and (max-width:640px) { .gallery-lightbox-controls { display: flex !important; } .gallery-lightbox-control-btn .gallery-lightbox-control-btn-icon svg * { stroke: white; } }
tuanphan Posted July 7, 2021 Posted July 7, 2021 Hi. Just tested the code & It is fine here. Can you explain in more detail, include screenshot? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
miskomedia Posted July 7, 2021 Author Posted July 7, 2021 Hi @tuanphan, screen shot attached. You can see the left arrow is further in in lightbox view.
miskomedia Posted July 9, 2021 Author Posted July 9, 2021 @tuanphan Just following up on any help with this. No rush I know you're probably overwhelmed every day haha.
tuanphan Posted July 11, 2021 Posted July 11, 2021 On 7/10/2021 at 2:13 AM, miskomedia said: @tuanphan Just following up on any help with this. No rush I know you're probably overwhelmed every day haha. Add to Design > Custom CSS /* gallery lightbox arrow */ @media screen and (max-width:767px) { .gallery-lightbox-control-btn[aria-label="Next Slide"] { right: 15px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Jamseyp Posted August 31, 2021 Posted August 31, 2021 Hello @tuanphan Hoping you can help with this one. Trying to find a work around to move all Lightbox arrows below the images on desktops. A Image is current view, B Image is the target. URL is www.jamesparker.co Thanks! James
tuanphan Posted August 31, 2021 Posted August 31, 2021 Add to Design > Custom CSS .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-previous { top: unset; bottom: 2%; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Archived
This topic is now archived and is closed to further replies.