StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to Make Beautiful Theme Banner Responsive

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to Make Beautiful Theme Banner Responsive

This topic is: not resolved

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 14, 2015 at 4:32 am #162342
    EricHilton
    Participant

    I've switched a client's website to the Beautiful theme but have run into a problem. The Beautiful theme's banner (actually called the background image in the customization settings) is not responsive. I'm wondering if there is some way of making it so.

    I tried this CSS code:

    .custom-background .site-header-banner {
    background-size: cover;
    }

    But that didn't work. Does anyone know what might work?

    http://ftisb.org/
    August 14, 2015 at 5:21 am #162348
    Brad Dalton
    Participant

    Did you make any modifications?

    If you look at the demo, it looks perfect on a small screen http://my.studiopress.com/themes/beautiful/#demo-phone

    Tutorials for StudioPress Themes.

    August 14, 2015 at 8:17 am #162364
    EricHilton
    Participant

    I didn't make any modifications. Actually, you can see in the demo that the banner isn't responsive. They've just used an image that looks O.K. on any screen size.

    March 5, 2016 at 2:02 pm #180716
    creativegifts
    Participant

    Any solution to this???

    October 18, 2017 at 12:07 am #212628
    Nikkis Footprint
    Member

    I need a solution for this too..

    October 19, 2017 at 12:55 am #212673
    Brad Dalton
    Participant

    You will need to use a image which looks fine on any screen size.

    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.