Support » Themes and Templates » Mantra Theme Header Image Help!

  • I’m using the Mantra theme for a redesign of a friends site which is really configurable but I’m having a problem with the header image. I spent ages getting it all to look right but when I viewed the site on my laptop, the header image was cropped.
    I have fixed that by using the layout settings slider bar but now I see the header background color either side of the header image. Is there any way to have the image resize with whatever resolution someone’s pc or laptop may be?
    You can see the results of my efforts here:

    I’ve used WordPress for a few sites now but never had header image size problems before.

    I’m not an expert in coding so hoping someone may be able to tell me how to get round this one.


Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Andrew Nevins


    Front-end developer

    This is not really a WordPress issue, but try adding

    backround-size: 100%;

    To the element with the background image.

    For further help, try a CSS-specific forum.

    Thanks for the quick reply Andrew. I’ve searched styles.css and can find no reference to the header image.
    Don’t know where else to look really.

    Moderator Andrew Nevins


    Front-end developer

    Try downloading this plugin to manage your CSS modifications, then enter within the plugin’s allocated area of the dashboard;

    #branding {
     background-size: 100%;

    I found the background image applied to <div id="branding" role="banner">, while using Google Chrome’s Inspect Element tool.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mantra Theme Header Image Help!’ is closed to new replies.