Banner behind fixed headers

  • Resolved Dzynit

    (@dzynit)


    5 years ago

    This site uses the Divi theme. It has the top header and main header set to fixed. With the banner active, it is hidden behind both of those headers and is adding a gap below the main header. I’ve hidden the banner on all pages using display: none but display: block on just the above page so pages won’t get cached and too many people see it like that while the plugin is active for you to see.

    We have several sites using divi with the same header settings, so we’d really like to get this resolved.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author rpetersen29

    (@rpetersen29)

    Hi @dzynit
    Since your headers are fixed you can just add to Simple Banner Custom CSS:

    position: fixed;

    And then to Custom Site CSS:

    .et_fixed_nav #top-header {
    top: 38px;
}
body.et_fixed_nav.et_secondary_nav_enabled #main-header {
    top: 77px;
}

    You may want to play around with those values.

    Thread Starter Dzynit

    (@dzynit)

    Thank you very much. This is what ended up working for there:

    .simple-banner { position: fixed; }
.et_fixed_nav #top-header {
    top: 38px;
}
body.et_fixed_nav.et_secondary_nav_enabled #main-header {
    top: 76px!important;
}
.simple-banner .simple-banner-text {
	font-size: 14px;
}
#et-main-area { margin-top: 38px; }
@media only screen and ( max-width: 980px ) {
body.et_fixed_nav.et_secondary_nav_enabled #main-header { top: 38px!important; }
#et-main-area { margin-top: auto; }
#breadcrumbs { color: #fff; }
}

    (The two #et-main-area shouldn’t be used unless breadcrumbs are in use. Providing the full css for any other Divi users that may find this post helpful.)

    Thread Starter Dzynit

    (@dzynit)

    Another note to others: You can’t see it correctly while logged in. So you will need to view in another browser logged out and adjust the top: xx as needed. The top header can vary in height according to your font settings etc.

    Plugin Author rpetersen29

    (@rpetersen29)

    Great, thanks for the information for others.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Banner behind fixed headers’ is closed to new replies.