Remove banner text in mobile view Bedford template

I have a banner that plays a video on desktop, with text over it. When viewed on mobile, I've replaced the video with an image. However, I need to hide the text too, so only the static image can be seen.

Is there any css that could help me do this?

Any help greatly appreciated.

18 hours ago, jezpoole said:

I have a banner that plays a video on desktop, with text over it. When viewed on mobile, I've replaced the video with an image. However, I need to hide the text too, so only the static image can be seen.

Is there any css that could help me do this?

Any help greatly appreciated.

Hi. Can you share site url? We can check easier

Great @tuanphan it's 'https://www.eurodome.com/'

Many thanks in advance..

15 hours ago, jezpoole said:

Great @tuanphan it's 'https://www.eurodome.com/'

Many thanks in advance..

Hide text + button or text only?

@tuanphan both text and button.

Many thanks

18 hours ago, jezpoole said:

@tuanphan both text and button.

 

Many thanks

Hi. Add this code to Design > Custom CSS

/* Mobile-Homepage */
/* remove top banner text button */
@media screen and (max-width:640px) {
body.homepage .desc-wrapper * {
    visibility: hidden;
}
}

@tuanphan Awesome, thanks so much.