Fix looks of the widget on mobile

Ask the Community Customization
1

HI
I have the problem that my banner widget i made looks perfectly fine on desktop preview but once i switch to mobile preview it looks awful. (Look at the Photo)
helpss
Can someone help me? (the website is on google sites)

1 Like
3

Hi @Ricardo_Rubin :wave:

Could you please send me a direct link to the webpage where your widget is installed?

I’ll be delighted to check it for you :slightly_smiling_face:

5

Here https://sites.google.com/d/1Ox-_L5SpfqX1mAYC1GiVv4rD9Eb5RoF1/p/1YkEFbw-7_GM4Wu88QwwKweKaJS-BSmJG/edit

1 Like
6

Thank you!

Unfortunately, due to the peculiarities of the Google Sites platform, there is no option to fix this issue properly. If to stretch the widget block for mobile, there will be too much space underneath the widget on desktop. I am really sorry :pensive:

Please let me know if this explains things or if you have any further questions.

7

Is it possible to make a widget only seeable on desktop? So i can make one for mobile and one for desktop.

8

Sure, here is a special code for hiding a widget on mobile devices:

<style>
@media (max-width: 450px) {
.elfsight-app-WIDGET_ID {
display: none !important;
}
}
</style>

Here you need to replace WIDGET_ID with the ID of your widget and add the code to the styles file on your website.

Check it out and let me know if it helped :slightly_smiling_face: