Harmonic theme background image not resizing

  • Unknown's avatar
    londonoboelady · Member ·

    I have a log set as the background image for the home page, so need this to resize but the theme appears not to be fully responsive.
    Can I change this in CSS? If so, do I need the advanced CSS editor?
    I haven’t done any coding in a while, so please bear with me.

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • staff-loquaciousloon · Staff ·

    Hi there!

    The Harmonic theme is responsive (the background gets resized as the screen becomes smaller) but I suspect the issue you’re running into is with the hight of the title panel.

    The height is controlled by the content that displays there – a logo and a tagline for your site – you can see an example in the theme demo.

    On the demo site, the word Harmonic with the box around it is a logo image that was uploaded, and the rest of the text is the tagline.

    Without those elements, there isn’t anything to keep the panel tall enough to display your full background image.

    Can I change this in CSS? If so, do I need the advanced CSS editor?

    It is possible to change this with CSS, yes – under a WordPress.com Premium or Business Plan.

    With one of those plans, you could use the following snippet to make the title section taller on mobile devices:

    .bcg {
    min-height: 400px;
}

    The height value can be adjusted for different images if needed :)

  • The topic ‘Harmonic theme background image not resizing’ is closed to new replies.