Skip to main content
Solved

Mobile overlay not appearing

  • March 12, 2024
  • 2 replies
  • 63 views

Platanomelóm
Contributor II
Forum|alt.badge.img+2

Hello,

I created a flyout form and activated the Mobile overlay with the default settings, like these:

In the preview looks great:

But when in production (live Shopify store), it doesn’t show any darker overlay:

Any idea why isn’t showing as it should? Someone experiencing the same issue?

Thanks in advance!

Platanomelón

Best answer by Taylor Tarpley

Hi there! 

 

Thanks for sharing your question with us! Happy to help! 

 

Whenever a form isn’t displaying how it’s designed in our form builder, it’s possible that something present on your website is interfering with the display. I’d have your developer or Klaviyo partner investigate if there is any conflicting CSS in your website’s code that could be causing this issue, like important tags, and delete them! Here’s a similar thread regarding a form display issue that could help gain more insight into this. 

 

This could be a job for your developer or a Klaviyo partner if you’re not a coder yourself.

 

Hope this helps!

-Taylor 

View original
Did this topic or the replies in the thread help you find an answer to your question?

2 replies

Taylor Tarpley
Community Manager
Forum|alt.badge.img+60
  • Community Manager
  • 2148 replies
  • Answer
  • March 13, 2024

Hi there! 

 

Thanks for sharing your question with us! Happy to help! 

 

Whenever a form isn’t displaying how it’s designed in our form builder, it’s possible that something present on your website is interfering with the display. I’d have your developer or Klaviyo partner investigate if there is any conflicting CSS in your website’s code that could be causing this issue, like important tags, and delete them! Here’s a similar thread regarding a form display issue that could help gain more insight into this. 

 

This could be a job for your developer or a Klaviyo partner if you’re not a coder yourself.

 

Hope this helps!

-Taylor 


Platanomelóm
Contributor II
Forum|alt.badge.img+2
  • Author
  • Contributor II
  • 4 replies
  • March 13, 2024

For anyone having the same issue with the Dawn Shopify Theme (the default one), it’s because inside base.css they place this rule by default:

 

 

The Klaviyo overlay works with an empty div (maybe this could be improved somehow @Klaviyo) so by removing this CSS line the overlay comes back to life 😁

Thanks for the support @Taylor Tarpley !