Hide slider on mobile

Ask the Community Customization
1

Hi,

how can I hide my slider on mobile?

THanks and BR

1 Like
3

Hi there, @user14693 :waving_hand:

Here is the code to hide the widget on mobile:

@media (max-width: 480px) {
	.global-styles,
	.elfsight-app-WIDGET_ID {
		display: none;
	}
}

Replace WIDGET_ID with the ID of your widget and add this code to the Custom CSS field on the Settings tab of your widget’s settings :slightly_smiling_face:

4

@Max awesome code but the question would also be “Hide Widget on mobile”. :blush:

It would be nice if it found a place in the CSS code section.

2 Likes
5

Hey there, @Sina :waving_hand:

This code should for all widgets, not just the Slider :slightly_smiling_face:

I agree that it would be awesome to add this code to the CSS Codes section, but since its categories are app-specific and this code works for all apps, I’ve added it to the Pro Tips category - How to hide a widget on mobile

1 Like