How to Remove Background Images on Mobile (Elementor Tutorial)

In this video I'm going to show you how to remove a background image only on mobile devices. By default Elementor doesn't give you an option to toggle the use of background images per device. This trick can be helpful if you need to change the look of your website on mobile devices or in my use case I wanted to remove a background image because it helped with my mobile page performance and gave me a boost in loading times. The great thing about this trick is it's just 1 line of CSS code and be used on either Elementor Pro or the free version of Elementor. #Elementor #ElementorPro #ElementorTutorial Elementor Pro Code: @media (max-width: 767px) {selector { background-image:none!important;background-color: #5D9CC5;}} Elementor Free Code: @media (max-width: 767px) {.mobilebg { background-image:none!important;background-color: #5D9CC5;}} Timestamps: 0:00 Introduction 1:43 Elementor Pro Example 4:50 Elementor Free Example Our Recommended Tools Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business! WORDPRESS PLUGINS: ✔️ Elementor: https://wickydesign.com/get-elementor ✔️ Crocoblock: https://crocoblock.com/?ref=2562 ✔️ Ultimate Add Ons: https://ultimateelementor.com/pricing/?campaign=UE&bsf=8362 ✔️ Elementor Custom Skin: https://gumroad.com/a/545789043 ✔️ All In One SEO: https://www.shareasale.com/r.cfm?b=1491200&u=2081667&m=94778 BUSINESS TOOLS: ✔️ Dubsado: https://www.dubsado.com/?c=wickydesign ✔️ MailerLite: https://www.mailerlite.com/a/jrdqblbizo ✔️ Wave: https://waveapps.com/ GRAPHICS: ✔️ Adobe: http://clkuk.tradedoubler.com/click?p=264355&a=3228525 WEBSITE HOSTING: ✔️ KnownHost: https://www.knownhost.com/?aid=71319c26 ------ For more information regarding our web design and branding services, please visit https://wickydesign.com