Top Bar and Fixed Header

  • Resolved dankfresh

    (@dankfresh)


    3 months, 4 weeks ago

    The .spu-box.spu-position-top-bar element looks great fixed except when a fixed header exists. It will overlay and cover the logo, navigation, etc. Or, in the event the z-index on the header is higher, you will not see the top bar pop-up at all. How would you recommend targeting the header or pop-up top bar banner to “push down” the fixed header when a top bar element is present?

    For example, if my <header> was top:0px; I could move it down if a user is logged in to make room for the WP admin bar like body.logged-in header { top: 34px; }

    Is there something similar, whether via JS or CSS to target the header knowing that a top bar is present?

    Thanks!

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

Viewing 1 replies (of 1 total)
  • Plugin Author Damian

    (@timersys)

    Yes you could use CSS like for example:

    .header?{

    top: 60px;

    }

    Set the height to whatever the heigh of the popup you set

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.

Tags