Forums

Give help. Get help.

  • # May 16, 2018 at 9:49 am

    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.

    # May 22, 2018 at 4:24 am

    Something like this: https://codepen.io/jeroenreijs/pen/MGxqmW
    I used this example for the page: https://getbootstrap.com/docs/4.0/examples/album/
    And this solution for the sticky banner: https://www.w3schools.com/howto/howto_js_sticky_header.asp

    # May 22, 2018 at 12:46 pm

    @JeroenR

    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-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag