TheClinic Posted March 30, 2022 Share Posted March 30, 2022 Site URL: https://www.clinicskinhealth.com/ Hey there, We have a promotional pop up ready to go however we are unable to include the image of the ipad on the mobileview - can you please help! we want it on the side of the text not as a background, i have attached the image we want - just reply and i can turn the pop up on as we dont want it on when its not ready Link to comment
tuanphan Posted April 1, 2022 Share Posted April 1, 2022 Try adding to Design > Custom CSS /* Promotional popup mobile tablet */ @media screen and (max-width: 991px) { .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-mobile-styles-enabled .group-copy { background: transparent; } .sqs-slice-group.group-copy.copy-layer-background * { color: white !important } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-mobile-styles-enabled .group-copy { background: transparent !important; } .sqs-slice-group.group-copy.copy-layer-background * { color: white !important } .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"] [data-slice-type="gallery"] { display: flex !important } } 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
TheClinic Posted April 13, 2022 Author Share Posted April 13, 2022 It then comes up with this when added above Link to comment
tuanphan Posted April 14, 2022 Share Posted April 14, 2022 try remove Quote background: transparent !important; 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
aptus Posted June 8, 2022 Share Posted June 8, 2022 (edited) Site URL: https://www.jod.com.sg/ I don't understand why my background image is absent from the mobile site for my promotional pop-up, can someone kindly enlighten me how to get it fixed please? thank you! Edited June 8, 2022 by aptus Link to comment
Solution paul2009 Posted June 9, 2022 Solution Share Posted June 9, 2022 (edited) On 6/8/2022 at 9:38 AM, aptus said: I don't understand why my background image is absent from the mobile site for my promotional pop-up The mobile version of the Promotional Popup was deliberately designed this way by Squarespace Designers to respect Google’s guidelines for popups. If you try to add an image and make it larger, Google will consider it intrusive and this will affect the site's SEO. Edited December 14, 2022 by paul2009 Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
44degreesnorth Posted August 18, 2022 Share Posted August 18, 2022 Trying to figure this out for adventuredinner.com. We are currently using the full-screen pop up on desktop... any way to make the image from that pop up appear on mobile? We'd like the image in the current pop up... . ... to appear above this pop up Link to comment
paul2009 Posted August 18, 2022 Share Posted August 18, 2022 2 hours ago, 44degreesnorth said: We are currently using the full-screen pop up on desktop... any way to make the image from that pop up appear on mobile? See this post. Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥. Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links. Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional. Would you like your customers to be able to mark their favourite products in your Squarespace store? Link to comment
Christina_Lee Posted December 17, 2023 Share Posted December 17, 2023 I'm trying to center a pop up with a photo on my website. It shows up correct on desktop but not mobile. How do I fix this? 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