How to disable Welcome Area under 1024px?

Hello All.

This is the site in question ( www.markwellard.com )

I am trying to disable the Welcome Area animation only for screens under 1024px (Mobile Devices).

I have an animation set currently for desktops - happy with it.

I have set the header image under 1024px to load an image with the text imbedded in the image but I still see the animation wiz by when I load it on a iPhone (for example). and if I turn the mobile device sideways I see both the under 1024px image and the welcome area image. (text image.png file)

Any suggestions? I am not a Brogrammer so please use ‘kid gloves’ with me.

Cheers :slight_smile:

Hi,

Sorry for the delay.
I believe you want to hide the element, not just disable the animation? At least this is what makes sense to me from looking at your site.
Use this please in a custom CSS plugin:


@media only screen and (max-width: 1024px) {
     .welcome-info {
          display: none;
     }
}

Thanks Vlad - that worked perfectly! :slight_smile: