Hide Grey Bar Under Header

  • Resolved paigevw

    (@paigevw)


    7 years, 6 months ago

    Hi again!

    I was wondering if there is a way to hide the grey bar that appears under the page title and under the header. The page I am referring to is prettygoodconsidering.com/about. I would like it to just be the title of the page without the big grey bar.

    Any help would be much appreciated! Thank you!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Please try this. Go to Appearance > Customize > Additional CSS and put this:

    .inner-header-overlay {
    filter: alpha(opacity=0);
    opacity: 0;
}

    Let me know if this helps.
    Thank you!

    Thread Starter paigevw

    (@paigevw)

    Hi, thank you so much for your help! Unfortunately, that didn’t seem to work. I just got an email from the support team and they provided this:

    To remove gray area and manage it
    body .inner-banner {
    padding: 20px 0 0 !important;
    }

    .inner-header-overlay {
    display: none;
    }
    To completely remove

    .inner-banner {
    display: none;
    }

    Problem solved! Thank you to everyone who helped!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide Grey Bar Under Header’ is closed to new replies.