Deactivate labeling / description in mobile view

Hi, can you share your a link to your site so I could take a look and provide you with the correct CSS code.

In the meantime, I’m not sure if this code will work on your end, but you can try the following code below:

@media screen and (max-width: 480px) {
	.metaslider .caption-wrap {
		display:  none !important;
	}
}

Hi @yanex,

sure, the site is https://www.fitnsexy.de/.

I’ve tried to code, but it didn’t work.

Hi @yanex,

can you please have a look at this on my site?

Hi,

Sorry for the delay. Try this one:

@media screen and (max-width: 480px) {
	.metaslider .nivo-caption {
		display:  none !important;
	}
}

Also, change the 480px to the value you want it to stop being hidden on.

Thx, the code is working. How can I also hide the “free space” now?
Please see: https://gyazo.com/ad181bbc7051ffcb928183ca7648342f

It would not be a problem if the different sliders could not be changed manually in the de mobile version if this is a problem. The entire gray area below the slider could therefore be hidden when mobile is active.

Hi,

You can use some simple CSS to get that working:

.metaslider {
    margin: 0 !important;
}

If you want to only target a specific slider, update .metaslider to #metaslider-id-787917 with the ID of the slider you want to focus on.

Thx for the code, but it didn’t work. The space is as big and empty as before. I mean the free space underneath where the text is usually visible.

Hi,

Can you try the following code below. This should fix the bottom spacing on all resolutions:

.metaslider.ms-theme-architekt {
	padding-bottom: 50px !important;
}
.metaslider .nivo-caption {
	display:  none !important;
}
.metaslider .theme-default .nivoSlider {
	padding-bottom: 0 !important;
}
@media screen and (max-width:480px) {
	.metaslider.ms-theme-architekt {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	div.metaslider .theme-default .nivoSlider {
		padding-bottom: 50px !important;
		margin-bottom: 0 !important;
	}
}

Thx @yanex the code is working! Thx again for the support.