Mobile Fallback Image to Display, Not Video

Site URL: https://www.ridgemontpartners.com.au/

Hello,

I am wanting to have a mobile fallback image displayed only on my mobile site.
On my desktop site, I would like a video to be played, but only for the desktop viewers.

Is this possible?

www.ridgemontpartners.com.au
Version 7.1

Thank you kindly 

On 11/16/2021 at 8:41 AM, michaelpga said:

Site URL: https://www.ridgemontpartners.com.au/

Hello,

I am wanting to have a mobile fallback image displayed only on my mobile site.
On my desktop site, I would like a video to be played, but only for the desktop viewers.

Is this possible?

www.ridgemontpartners.com.au
Version 7.1

Thank you kindly 

Have you tried adding 2 block on your site and hiding the image block/ video block by using breakpoint Css for mobile and desktop?

21 hours ago, bangank36 said:

Have you tried adding 2 block on your site and hiding the image block/ video block by using breakpoint Css for mobile and desktop?

Hello,

No I have not tried this method, could you please describe this a little further for me?

Thanks you

On 11/18/2021 at 6:46 PM, michaelpga said:

Hello,

No I have not tried this method, could you please describe this a little further for me?

Thanks you

1. Duplicate current video section & move it under video

2. Add Background image for that new seciton

3. Let me know

4. We will give the code to achieve @bangank36 solution

24 minutes ago, tuanphan said:

1. Duplicate current video section & move it under video

2. Add Background image for that new seciton

3. Let me know

4. We will give the code to achieve @bangank36 solution

Ok great, thanks - I have completed the above steps...

Your site is private now. Can you set it back the protected password?

7 hours ago, bangank36 said:

Your site is private now. Can you set it back the protected password?

Sure, I've set it back to Public

1 minute ago, michaelpga said:

Sure, I've set it back to Public - I'd hopefully have this resolves by today (Sunday) so the site can go live tomorrow (Monday)

 

15 hours ago, michaelpga said:

 

Kindly show your image + video, i can not see them at the moment. A screenshot and the direct link to them could help us to check your issue

On 11/22/2021 at 1:07 AM, bangank36 said:

Kindly show your image + video, i can not see them at the moment. A screenshot and the direct link to them could help us to check your issue

Hi @bangank36, 

I have set the site to password protected with the password RMT21*

I have also created the mobile fallback image to display just below the video.

Let me know how you go, thank you

On 11/23/2021 at 1:44 PM, michaelpga said:

Hi @bangank36, 

I have set the site to password protected with the password RMT21*

I have also created the mobile fallback image to display just below the video.

Let me know how you go, thank you

Hello @bangank36 - just wondering if you'd had the chance to look at this code? Thank you

11 minutes ago, michaelpga said:

Hello @bangank36 - just wondering if you'd had the chance to look at this code? Thank you

You can try adding the following codes to Home > Design > Custom Css

@media only screen and (min-width: 768px) {
  section[data-section-id="619c56344f3c3b4a2845ea57"] {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  section[data-section-id="6080f7872281722625d00b04"] {
    display: none;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

24 minutes ago, bangank36 said:

You can try adding the following codes to Home > Design > Custom Css

@media only screen and (min-width: 768px) {
  section[data-section-id="619c56344f3c3b4a2845ea57"] {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  section[data-section-id="6080f7872281722625d00b04"] {
    display: none;
  }
}

Let me know how it works on your site

Press 👍 or mark this answer as solution to help another one too

It worked! You're amazing! Thank you so much for all of your help 🙂

Hello dears, I have the exact same problem, the thing is, I can't seem to find the right ID for the two sections to put into the css snippet. I can find one, but it seems to be the same for both sections. Do you think you could help @bangank36? That would be amazing. 
URL is www.luftmensch-shop.de

On 5/1/2022 at 4:57 AM, Annabanana121 said:

Hello dears, I have the exact same problem, the thing is, I can't seem to find the right ID for the two sections to put into the css snippet. I can find one, but it seems to be the same for both sections. Do you think you could help

[data-section-id="60017a9dcf953d00a56d497f"]

? That would be amazing. 
URL is www.luftmensch-shop.de

 

Top is

[data-section-id="60017a9dcf953d00a56d497f"]

bottom is

[data-section-id="626db0f9d9e96013fdf7cee8"]

Hi, I have the same problem but unfortunately I copy and paste the code above and it doesn't work on my site. Can you help me please? 🙂 

2 hours ago, asfe said:

Hi, I have the same problem but unfortunately I copy and paste the code above and it doesn't work on my site. Can you help me please? 🙂 

Can you share the link to the page you need to help?

https://www.asfe-vr.it/

43 minutes ago, asfe said:

https://www.asfe-vr.it/

Which page should I check? Have created 2 section (one for video, one for image) yet?

Not yet. Now I create the second section with image and i put it below the video.

Done

Can you see it?

20 hours ago, asfe said:

Can you see it?

 

Hi,

You want

• Desktop: show top section, hide second section
• Mobile: hide top section, show second section

Is this right?

28 minutes ago, tuanphan said:

Hi,

You want

• Desktop: show top section, hide second section
• Mobile: hide top section, show second section

Is this right?

Yes, is that right

21 hours ago, asfe said:

Yes, is that right

You think i can do something in order to solve this matter?