Can't hide raw content shortcode on mobile

Hi, I’m having trouble hiding a raw content shortcode on mobile (Songs section of my website).

I select to hide the entire Songs section on mobile devices only, and then the shortcode (a coverflow) overlays everything at the top of my mobile device and won’t go away. Desktop is not affected.

Hi Jacob,

Thank you for writing in, upon investigation, I see that the “songs” section is actually hidden on mobile. The issue is the “3D Coverflow” markup is actually outside of the section, so it does not get hide with the section when viewed on mobile.

Unless the “3D Coverflow” has a native feature (I can’t find) to be hidden on mobile view, please add this to the Page > CSS area.

/*hide 3D Coverflow on screen 767px and below*/
@media (max-width: 767px) {
	#fwds3dcovDiv0-fluidwidth {
		display: none !important;
	}
}

Cheers!

Amazing. Thanks as usual friech.

You’re welcome!
We’re glad @Friech were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.