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..