Hi all,
Is there a way in Maropost Commerce Cloud to set a different image for mobile devices in Advertising Campaigns? The current banner images appear really small on the mobile home page, so I’d like to use a mobile-optimised version instead of the desktop one.
Thanks!
Hi Scott, You can manage different images for mobile and desktop devices by creating separate advertising groups for each. This involves some theme tweaks. 1. Create Two Advertising Groups: - One for desktop banners (banner-desktop) - One for mobile banners (banner-mobile) 2. Create Adverts for Each Group: Once the groups are set up, you can upload and assign your respective banners to each group. 3. Use Mobile-First CSS for Displaying Ads: You can then use CSS to control which banner is shown based on the device's screen size. Here's a simple implementation approach: .desktop-banner { display: none; } @media (min-width: 992px) { .mobile-banner { display: none; } .desktop-banner { display: block; } } The downside of this approach is that you’ll need to manage two groups for each banner (desktop and mobile), but it's a straightforward way to achieve the desired result. For more complex websites, you could take this a step further by optimizing your HTML and CSS for more efficient loading, especially when dealing with multiple banner sizes and devices. Hope this helps!
