Skip to main content


This topic contains 2 replies, has 2 voices, and was last updated by  vishnu-vv 10 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #271193


    I need to display a banner on top of the page, pushing all other elements down.
    All the elements including the fixed/sticky header, top-0 elements etc. should be pushed down and the banner should be sticky.

    How can we implement this with pure CSS and Javascript?

    Thanks in Advance.



    Something like this:
    I used this example for the page:
    And this solution for the sticky banner:




    Thanks for your reply.

    But i need to add the banner to third party websites, I can’t predict the HTML structure of their webpage. Like there can be banners fixed on their sites already, but we should not overirde their CSS, but just push all the elements down and show ours on top of everything.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star