Using Sticky Header with Background Image

  • Resolved missionmidwest

    (@missionmidwest)


    6 years ago

    I’m using Mission News Pro and am trying to use both the Sticky Header and Background Image features. I’ve adjusted the margins on the background to display more of the background image. However, the Sticky Header does not seem to inherit the margin settings within the Background customization tab — that is, the Sticky Header extends too far to the right, outside of the content area.

    Additionally, I’ve used CSS to change the background color of the entire content area. Is it possible to have the Sticky Header inherit this CSS customization? If not, could you provide me with the CSS to change the background color of the Sticky Header?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Ben Sibley

    (@bensibley)

    6 years ago

    This CSS will take care of the site header background color:

    .is-sticky .site-header,
.site-header,
.is-sticky .menu-primary-container:before,
.is-sticky .menu-primary-container:after{
  background: blue;
}

    Could you let me know what version of Mission News and Mission News Pro you are using? Also, if you have a live link to the site you can share that would be very helpful.

    Thread Starter missionmidwest

    (@missionmidwest)

    6 years ago

    Hi Ben,

    Thanks for your response, and for the CSS for the site header background.

    I’m using version 1.03 of MN Pro. Also, the URL for my site is http://www.missionmidwest.com

    Theme Author Ben Sibley

    (@bensibley)

    6 years ago

    Thanks!

    I see the issue now. I’ll try to have an update out tomorrow with a fix.

    Thread Starter missionmidwest

    (@missionmidwest)

    6 years ago

    Cool. Also, just as a heads-up, as I’ve (slowly) started to build my site I’ve created two test pages (“The Bulletin” and “Siren Songs”). When I turn the theme’s “Background” option off, the background disappears from the theme’s stock pages (“Home,” “Blog,” etc.) but it remains on my created pages. Don’t know if this is a related issue.

    Thread Starter missionmidwest

    (@missionmidwest)

    6 years ago

    Sorry, never mind — background is now (correctly) absent from all pages. Must’ve taken some time to catch up. Thanks!

    Theme Author Ben Sibley

    (@bensibley)

    6 years ago

    Okay cool, no worries! I’ll have that update out soon.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Using Sticky Header with Background Image’ is closed to new replies.