How can I optimize my Debut theme banner for mobile view?

Technical Q&A
1

How do you get your banner on home page to work on mobile if you can’t use a different image? The best image I have is my product on the right and I wanted to load my text on the left. Problem in itself.

I worked it the best I could buy not using the text and adding the text to my image. But that of course means it doesn’t work on mobile can anyone help me with this?

Both views are pretty unprofessional, my Announcement bar seems to be covering my images, and then on desktop it’s not there at all. I have obviously done this. And on mobile its even worse.

Should I start over with standard centered banner and if so how will that work for the mobile

2

Hi @KaygeeDesign ,

Have you tried to have two separate section for mobile and desktop users? You can use the tutorial below.

The idea is to hide and show section for whatever device user you choose. This will have to sections but only one shows in each device as what you set it in your theme editor

3

Hi thankyou, I have tried that but I dont ahve a schema sections in mine ony a

“class”: “index-section index-section–flush”,
Settigns

But when I enter it there it says error

4

Settings that was meant to say

5

I will contact you via your website instead