Re: Banner Image for Mobile and Audio Play

Hi,

Can I use a separate background image for mobile – banner…

Not exactly sure which section of the page you're pertaining to. Can you specify? Screenshots will do. Thank you. :)

If you're pertaining to the background for the "We teach you learn" section, I'm not sure if that's going to work especially the background image has its own fixed yellow background color.

Can the icons under the teacher bio play short audio files? “Hello I’m … and I teach…” without seeing the audio controls?

It's definitely possible but you'll need scripting for this to work. But unfortunately, site kind of site customization is out of our scope.

But to help you out and point you to a known working direction:

You'll need to assign an eventlistener for the icons and play once the trigger is met.

Here's a topic that achieves the same way. You just need to apply its principle to your site.
https://stackoverflow.com/posts/34255405/revisions

Hey Elvin,

Firstly thanks for the pointer re: audio ;-)

So we have the characters on the banner but on mobile they aren't visible...

https://drive.google.com/file/d/1fxL0ntFKO4KTy-XI8PY1LFBuogcg-zdi/view?usp=sharing

https://drive.google.com/file/d/1n0kpV2GiKPfYdDBQYoCkmJZqGjwGGz_c/view?usp=sharing

Thanks again,

Dan :-)

Hi there,

this will be a feature of GB Pro. In the meantime give the Container Block that has the background image a class of: mobile-background

Then add this CSS with your mobile image URL

@media(max-width: 768px) {
    .gb-container.mobile-background:before {
        background-image: url(full_url_to_your_mobile_image_here);
    }
}

Brilliant thanks!

Just plugging in the membership bit today so will look at this next week ;-)

Great new feature for GB Pro... you should suggest the CDN for videos too - that has worked so well for us!

Dan

You're welcome