Header bars background image not lined up on mobile and tablet

[hannahlincoln]

Hey,

In my header I have two bars, for both bars I’ve added a background image of a purple to blue gradient. When I preview on desktop and laptop views they line up fine (see image one). However, when I switch to tablet and mobile the background images stop aligning and bar two doesn’t seem to fit right (see image two).

Hope this makes sense.

Thank you.

[prakash_s]

Hello @hannahlincoln,

Thanks for writing to us.

It seems that you have set image in the background of the header for the gradient. It works fine in the larger device but when it comes to a small device the image gets responsive and the Blue part of the image shown in small devices.

I would recommend you to use a gradient from the colour. You can create the gradient from here https://www.colorzilla.com/gradient-editor/.

Thanks

[hannahlincoln]

Thank you for your help

[tristup]

Hi @hannahlincoln,

You are most welcome.

Thanks