Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
maisaguam

Promo Popup: Image background not showing on mobile

Question

8 answers to this question

Recommended Posts

  • 0

I am not seeing the popup at all on your page. Is it still active?


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post
  • 0
3 minutes ago, rwp said:

I am not seeing the popup at all on your page. Is it still active?

I disabled it until I can figure it out... 

Share this post


Link to post
  • 0

If you can set it back up, I will check it out.


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post
  • 0
3 minutes ago, rwp said:

If you can set it back up, I will check it out.

Just enabled it... give it a few mins. Let me know if you still dont see it. 

Share this post


Link to post
  • 0
Posted (edited)
.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-mobile-styles-enabled .group-copy {
    background: url("IMAGE URL");
}

 

Edited by rwp

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post
  • 0
4 minutes ago, rwp said:

.sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].overlay-mobile-styles-enabled .group-copy {
    background: url("IMAGE URL");
}

 

Where do I input this? And I how do I get image URL link for photo? 

Share this post


Link to post
  • 0

To add CSS, go to Design -> Custom CSS

I can get you the url, but the pop up needs to be active on your page, and its turned off again.


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post
  • 0
3 minutes ago, rwp said:

To add CSS, go to Design -> Custom CSS

I can get you the url, but the pop up needs to be active on your page, and its turned off again.

I thought of another option: adding the image to the gallery slider at the top of the homepage instead of the popup. What do you think? Looks fine on desktop though but not on mobile. 

06.27 midyear sale_web.png

06.27 midyear sale_post-2.png

Screen Shot 2020-06-28 at 11.31.47 AM.png

WhatsApp Image 2020-06-28 at 11.33.45 AM.jpeg

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...