Canvass Header Image Not Responsive

This topic contains 6 replies, has 4 voices, and was last updated by Canvass Header Image Not Responsive 1 Neil Chatterjee 3 years, 7 months ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #11272

    Hi Jamie,

    Hope you and your family are well!

    I have just done a site for a client using canvas theme – Problem is that when checking the sit eon a mobile device the header image is cut in half (even though the site content etc seems to be perfectly responsive. Is there a way I can fix this?

    look at the site here – http://elcazzbarfoods.co.za please
    Regards,
    Stephen Strydom

    #11273
    Canvass Header Image Not Responsive 3
    Jamie Marsland
    Keymaster

    Hi Stephen,

    I’ve just tested on a demo site and yes you are right it looks like an issue. Will have a think about the best way to approach this. Have you asked woo about this one?

    Jamie

    #15913
    Canvass Header Image Not Responsive 4
    Johannes
    Member

    Is there a way to fix this? Without a mobile responsive header I also got problems.
    Is it possible to show one header for desktop and another for mobile?

    regards
    Johannes

    #15928
    Canvass Header Image Not Responsive 3
    Jamie Marsland
    Keymaster

    Hi johannes,

    I think you would need some custom css to achieve this.

    Jamie

    #27097

    I see this is an old thread and was wondering if some custom CSS is available or perhaps another solution? I will also get in touch with Woothemes.

    Regards

    Neil

    #27185
    Canvass Header Image Not Responsive 3
    Jamie Marsland
    Keymaster

    Thanks Neil :)

    #27201

    I got the following response from Woothemes:

    “I’d recommend adding the header image as the Custom Logo via Settings – this will make the image responsive. There’s no perfect solution for a responsive image when adding it using css ( background image)”.

    I then asked the following question: Does this mean that if I want to add a logo that I’ll have make it part of the header image?

    WT ANSWER:
    Yes, this is one option, or you can customize the header.php file and add the logo directly there.

    Though customizing the header.php is beyond me, I hope this helps other people.

    Neil

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.