Change content only in mobile view

Site URL: https://www.platformartprojects.com/kinnari-saraiya-project

Hello,

I have embedded 3D content on my site that only works on desktop. Can I change the mobile view to have just an image and a note to view the content on desktop.  https://www.platformartprojects.com/kinnari-saraiya-project password: ks2021.  Also, the embed block is too big for mobile view and distorts the page. Many thanks.

22 hours ago, miss-b said:

Site URL: https://www.platformartprojects.com/kinnari-saraiya-project

Hello,

I have embedded 3D content on my site that only works on desktop. Can I change the mobile view to have just an image and a note to view the content on desktop.  https://www.platformartprojects.com/kinnari-saraiya-project password: ks2021.  Also, the embed block is too big for mobile view and distorts the page. Many thanks.

Yes. You can add an image. Then we will give the code to achieve this.

Thank you tuanphan, I have added the images now. I look forward to receiving the code. Many thanks

Add to Design > Custom CSS

/* Hide image on desktop */
@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1624889045872_6496 {
	display: none;
}
}
/* hide embed block on mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1624197545950_28279 {
    display: none;
}
}