Church Theme – mobile header problem

[karychurch]

Hello! The mobile version of my website is appearing distorted
http://www.kundaliniyogacollective.co.uk

I know why –

– I am using an image for my branding that is 980px wide.
– To accommodate this I have set the objects – video max width to be 980px – instead of 100% in the CSS. Ive done this becase at At 100% only a small version of the image shows.

This of course means that in the mobile theme the image does not reduce.

There is a header banner option (under ‘branding’ in theme customize) but this places the image below the main nav bar and I would it to appear on the top of the site above the slider.

Any advice appreciated. Many thanks..

[karychurch]

still looking for help please!

[han]

Hi karychurch, you should restore the original css for the objects (use 100%), then go to “Appearance > Customize > CSS” and drop below code

.title-area {
    width: 100%;
}

[karychurch]

Thank you Han… you’re more than wonderful.

However…

for pages using the content layout, the theme sticks out to the right on mobile.

I’ll start a new thread.

thanks again

[Author]

Posts