miskomedia Posted July 5, 2021 Share Posted July 5, 2021 (edited) 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; } } Edited July 7, 2021 by miskomedia Link to comment
tuanphan Posted July 7, 2021 Share 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!) Link to comment
miskomedia Posted July 7, 2021 Author Share Posted July 7, 2021 (edited) Hi @tuanphan, screen shot attached. You can see the left arrow is further in in lightbox view. Edited July 8, 2021 by miskomedia Link to comment
miskomedia Posted July 9, 2021 Author Share Posted July 9, 2021 @tuanphan Just following up on any help with this. No rush I know you're probably overwhelmed every day haha. Link to comment
tuanphan Posted July 11, 2021 Share 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; } } 1_Caveman_Mashing_Buttons- 1 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!) Link to comment
miskomedia Posted July 12, 2021 Author Share Posted July 12, 2021 Thank you! That did it. Link to comment
Jamseyp Posted August 31, 2021 Share 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 Link to comment
tuanphan Posted August 31, 2021 Share Posted August 31, 2021 Add to Design > Custom CSS .yui3-lightbox2 .sqs-lightbox-next, .yui3-lightbox2 .sqs-lightbox-previous { top: unset; bottom: 2%; } Jamseyp 1 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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment