Sticky top bar is hidden by sticky header when I scroll

  • mattdittmann

    (@mattdittmann)


    5 years, 5 months ago

    Hello,

    A client recently performed several updates on their site. After updating, we noticed that the top bar isn’t behaving the way it did before.

    On most of the site, the sticky top bar now disappears behind the sticky header when scrolling down the page. We’d like for the top bar to always be visible.

    Additionally, on WooCommerce single product pages, the top bar disappears behind the header when scrolling, and does not re-appear when you scroll back to the top.

    I spent a good deal of time looking through OceanWP settings, and Elementor settings but haven’t been able to resolve the issue for this client.

    Is there a setting that needs to be adjusted to get this behavior back to how it was before the updates were made?

    Thank you for any help!

    WordPress version 4.9.8
    OceanWP version: 1.5.31
    Elementor version: 2.2.7
    Elementor Pro version: 2.1.12
    WooCommerce version: 3.5.1

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • 7prny

    (@7prny)

    5 years, 5 months ago

    .owp-floating-bar.show {
    top: 88px;
    }

    can you add this to theme css…..and check its working or not

    Amit Singh

    (@apprimit)

    5 years, 5 months ago

    Hello,

    Please add the below code in the customize > custom CSS section.

    header#site-header {
    position: initial !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sticky top bar is hidden by sticky header when I scroll’ is closed to new replies.