Flowfit

I think I've resolved this issue, in case anyone else comes across this and is wondering ... I inserted more CSS to target a new image when viewing on mobile only using the following code. /* CSS FOR MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ li:nth-child(3) .accordion-item__description:after { width: 100%; margin: 0 auto; background-image: url(https://images.squarespace-cdn.com/content/v1/5f32fd0a60773f56ba2eb568/692c7b5a-d48a-4818-b057-4a10f5825741/parkingmap-mobile.png?format=300w); } /* Insert Code for Mobile Above This Line */ }

Site URL: https://www.reyabarreyoga.com/faqs Is there additional CSS that I can add to #14 that will make the image resize when viewing on a mobile device? See screenshot of current view of mobile vs desktop using the provided code. Thank you! /* Add an image into Accordion Content *//* replace demo image with your image url */ /* nth-child(1) is first accordion item, nth-child(2) is second item... */ /* :before is image on top, :after if image on bottom */ li:nth-child(3) .accordion-item__description:after { content: ""; display: block; width: 100%; /* image width, you can also use px */ height: 315px; /* image height */ background-image: url(https://images.squarespace-cdn.com/content/v1/5f32fd0a60773f56ba2eb568/5a51b94b-7454-4222-802c-7819ebcaf80b/parkingmap.jpg?format=500w); background-repeat: no-repeat; margin-bottom: 20px; /* space between image-text */ }

Hm, I just checked back in and the widget seems to be working now.

Site URL: https://www.flowfitstudio.com/schedule I have a Vagaro booking widget embedded on my site that won't load. The interesting part is that it loads when I view on mobile and disconnect from wifi, but does not load when viewing on desktop or on mobile when connected to wifi. I've researched this issue and have tried manually disabling Ajax loading by adding the following code to the Header box under Code Injection: <script src="https://content1.getnarrativeapp.com/ss-ajax-loader.js"></script> I tried doing it this way because I do not see the option to disable Ajax loading under Site Styles. This unfortunately did not fix the issue for me. Here is the page: https://www.flowfitstudio.com/schedule Here is the embed data: <div id='frameTitle' class='embedded-widget-title' style='font-size: 23px; color: #333;font-family:Arial, Helvetica, sans-serif; line-height:24px; padding: 18px 10px 8px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;'></div> <div class="vagaro" style="width:250px; padding:0; border:0; margin:0 auto; text-align:center;"><style>.vagaro a {font-size:14px; color:#AAA; text-decoration:none;}</style><a href="https://sales.vagaro.com/">Powered by Vagaro</a>&nbsp;<a href="https://sales.vagaro.com/salon-software">Salon Software</a>,&nbsp;<a href="https://sales.vagaro.com/spa-software">Spa Software</a>&nbsp;&amp;&nbsp;<a href="https://sales.vagaro.com/fitness-software">Fitness Software</a><script type="text/javascript" src="https://www.vagaro.com//resources/WidgetEmbeddedLoader/OZqnDJWqD3OcT3qnV3Dy6ZuQlXiz3avV34mC2PeFJ4mC30m9dSycXCu7gevEhAJDXwQ0?v=yMoWiANQbQzJAwksZ6jK1qT2t5vTDseu1XI5dLITxoyW#"></script></div>