Width of Widget in Mobile Mode

Hello, is there a way to change the pixel width of this widget to 80%? In mobile mode the widget extends straight to the edge of page. It would be great to put a little gap in there. Is there any CSS I can apply to this widget?

https://tv.forme.yoga/pages/home-v1

Hi Matthew and welcome to the forum!

Our developers were happy to put together the CSS code to reduce the widget’s width on mobiles :slight_smile:

They’ve already added it to your widget, you will find it in Appearance tab → Custom CSS.

And here’s the code itself:

@media (max-width: 1200px) {
.global-styles, .elfsight-app-8f869f2f-5c9d-4c5b-a017-42d77ba3e0fa {
  padding-left: 1rem;
  padding-right: 1rem;
}  
}

Please let me know if it helped :slight_smile:

Thank you so much for this :slight_smile: Ive used this code for other apps too :slight_smile:

Matt

1 Like

Awesome, thanks a lot for the update!

Matt, could you please do me a favour and take part in our poll here: Poll: Help us improve the Forum 🔥 ?

I would be tremendously grateful :slight_smile:

Done, thank you

Matt

FORME Yoga

M: 0430 825 801
W: https://www.forme.yoga
W: https://www.partners.forme.yoga

1 Like