MayaViolet Posted December 17, 2021 Share Posted December 17, 2021 Site URL: https://cby.squarespace.com/schedule?password=test Hi all - I'm integrating a couple of Mindbody Widgets into my client's site, and for their Enrollment Widget ("Upcoming Events") I've applied CSS into Squarespace's Custom CSS rules, as well as the widget's own internal CSS rules. I've tested each separately, and the styling applies on chrome and safari, at any screen size. However, when I go to visit the webpage on my phone, the styling completely disappears (pics below). Any thoughts to why this might be happening? I can't seem to figure it out....TIA! Link to comment
SquareRefresh Posted December 17, 2021 Share Posted December 17, 2021 23 minutes ago, MayaViolet said: Site URL: https://cby.squarespace.com/schedule?password=test Hi all - I'm integrating a couple of Mindbody Widgets into my client's site, and for their Enrollment Widget ("Upcoming Events") I've applied CSS into Squarespace's Custom CSS rules, as well as the widget's own internal CSS rules. I've tested each separately, and the styling applies on chrome and safari, at any screen size. However, when I go to visit the webpage on my phone, the styling completely disappears (pics below). Any thoughts to why this might be happening? I can't seem to figure it out....TIA! Looks like a widgets has own basic mobile styles You also should to add custom CSS for the mobile view. SquareRefresh, premium plugins & templates that have an elevated feel. Plugins: Have your site stand out. Templates: Our templates are designed with versatility in mind.Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins. Link to comment
MayaViolet Posted December 18, 2021 Author Share Posted December 18, 2021 17 hours ago, SquareRefresh said: Looks like a widgets has own basic mobile styles You also should to add custom CSS for the mobile view. Yep, you're right! Looks like the titles, teachers and buttons are assigned different classes in mobile (ie .mbo_class a versus .healcode-enrollment-name a). Thanks for that note. Was able to identify them by inspecting my phone directly, since the mobile-simulated screen size on desktop didn't have the same effect. Thanks friend, appreciate the help! 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