-
Posts
-
I’m using a background banner image and using the “fixed” value because I like how it looks when scrolling down the page. I’ve got a white to transparent blend on the left side of the banner so the logo can show up and because it goes well with the theme of the company. But, on a phone, the banner just shows the white part of the transparency. In other words, on a phone, it looks like a big white space at the top of the page.
Is there a way to swap the background image on smaller devices (for example, a css code)?
Hey barrystrauss,
Could you post a link to where we can see the results you are getting please? If you want different content for mobile then you can copy the content in question, then select to hide the sections for the screen sizes of your choice in the Advanced->Responsive tab in the element options.
Best regards,
RikardHi,
The simplest way would be duplicating your Color Section elements, replacing background image and choosing to display them only on mobile – https://imgur.com/a/YKr3KCk, as Rikard suggested. You would simply hide your existing color sections on mobile and display duplicated Color Section element with background image that is optimized for mobile :)
Best regards,
YigitThat worked! Created three different images – one for large monitors, one for small monitors (e.g., iPad, etc.), and one for the phone.
- The topic ‘Change background banner image for mobile’ is closed to new replies.