[Support request] Dismissible notification bar

Home Forums Support Dismissible notification bar

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1008407
    Sam

    Hi, please see my site: https://www.supereight.net/shop/

    I have created a notification bar at the top of the page with a hook “before_header”. This works really nicely and does not slow the page like a lot of the plugins available for this type of notification do.

    What I am struggling with is to make this dismissible, so to have a little “x” on the right to hid it. Is this possible?

    I am aware that WC has a store notification that you can enable in the customizer, but this seems to sit over the top of the menu bar rather than above it as it is using my hook. If my initial question is not possible, is there any CSS to make sure it is above the menu bar rather than over the top? Or can it be moved using some sort of snippet?

    Many thanks
    Sam

    #1008788
    Leo
    Staff
    Customer Support

    Hi there,

    You can try using the top bar widget area instead with this solution created by our user:
    http://www.gmitropapas.com/generatepress-theme-tutorial-convert-the-top-widget-bar-into-a-notification-window/

    Let me know if this helps 🙂

    #1363585
    Mendy

    Hi Leo,

    I’m hoping you can help me here. I’m setting up the top bar notification as is described here: http://www.gmitropapas.com/generatepress-theme-tutorial-convert-the-top-widget-bar-into-a-notification-window/

    The top bar seems to be functioning as intended however it’s doing some funny stuff to the menu.

    First, it covers the menu when it should be pushing the content of the page down, including the menu.

    On close, the entire menu closes.

    Any help is appreciated.

    It’s on this site here: https://bit.ly/3iWvB3g

    Thanks!

    #1363604
    Mendy

    Hi Leo,

    I managed to fix the issue by changing the CSS from position: fixed; to position: static;.

    Now, when closing the alert, I’m seeing a space where the bar used to be, above the menu.

    #1363642
    Leo
    Staff
    Customer Support

    That solution definitely isn’t perfect and unfortunately we don’t have a custom solution for this either.

    Maybe worth commenting on the original post and see if the author is able to help?

    #1363656
    Mendy

    Hi Leo,

    Thanks for the reply here. After reading down further in the comments on his article, it looks like he doesn’t have a solution for it either.

    The top bar on GP works great. Seems like I’m only running into this issue when I attempt to add the close (x) option.

    Any recommendations on a plugin that might accomplish this? I’ve tried a couple but they all seem to just cover the entire menu instead of pushing down the content on the page.

    Thank you

    #1363795
    Leo
    Staff
    Customer Support

    I’ve tried a couple but they all seem to just cover the entire menu instead of pushing down the content on the page.

    Unfortunately I think that is unavoidable for now. It would need to have some sort of javascript to move the content up and down with the top bar.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.