- This topic has 6 replies, 2 voices, and was last updated 2 months, 1 week ago by Leo.
September 13, 2019 at 12:57 am #1008407Sam
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?
SamSeptember 13, 2019 at 8:56 am #1008788LeoStaffCustomer Support
You can try using the top bar widget area instead with this solution created by our user:
Let me know if this helps 🙂July 14, 2020 at 1:56 pm #1363585Mendy
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!July 14, 2020 at 2:22 pm #1363604Mendy
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.July 14, 2020 at 2:48 pm #1363642LeoStaffCustomer SupportJuly 14, 2020 at 3:10 pm #1363656Mendy
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 youJuly 14, 2020 at 8:52 pm #1363795LeoStaffCustomer 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.
- You must be logged in to reply to this topic.