- This topic has 17 replies, 3 voices, and was last updated 4 years, 9 months ago by David.
-
AuthorPosts
-
May 20, 2019 at 12:03 am #904998Nacho
Hello,
I remember you had at some point a promotion bar or notification bar before the menu on your website for a sale and I was wondering how could I make that for my page.
How did you insert that before the header or the menu? Is that a particular feature of GP Premium that I missed?
Thanks a lot.
May 20, 2019 at 3:16 am #905119DavidStaffCustomer SupportHi there,
you can use the Top Bar widget area:
May 20, 2019 at 3:26 am #905128NachoHello David,
I´ve been checking everywhere and I did not see that.
Thanks a lot David, clearly you know this really well 🙂
Have a nice day.
May 20, 2019 at 4:30 am #905167DavidStaffCustomer SupportGlad to be of help 🙂
June 3, 2019 at 7:54 am #918627NachoHello David,
Is it possible to make the sticky top bar like the elementor.com website have right now?
Thanks a lot.
June 3, 2019 at 8:02 am #918639LeoStaffCustomer SupportGive this CSS a shot:
.top-bar { position: -webkit-sticky; position: sticky; top: 0px; z-index: 99; }
June 3, 2019 at 8:09 am #918646NachoHello Leo,
It works perfectly, even in mobile.
Thank you so much!
Have a nice day.
June 3, 2019 at 8:22 am #918655LeoStaffCustomer SupportNo problem 🙂
June 4, 2019 at 2:23 am #919266NachoHello Leo,
Is there anyway to hide the topbar only on a particular page and on mobile? I´ve been checking the documentation but I can´t find it.
Thanks a lot.
June 4, 2019 at 3:42 am #919355DavidStaffCustomer SupportThis CSS to remove it on mobile:
@media (max-width: 768px) { .top-bar { display: none; } }
And this CSS to target a specific page to hide it on – update the
xxxx
to match the ID of the page:.page-id-xxxx .top-bar { display: none; }
June 4, 2019 at 3:47 am #919362NachoHello David,
I´ve combined both codes and it works perfect. Super helpful as always.
@media (max-width: 768px) { .page-id-XXX .top-bar { display: none; } }
Thanks a lot.
June 4, 2019 at 4:02 am #919369DavidStaffCustomer SupportGlad we could be of help
June 4, 2019 at 7:25 am #919650NachoHello David,
I´m facing an issue since I´ve put in the topbar an elementor section but on page load it does a weird thing showing in almost a second different colors on text and in the button (URL in the post).
I´ve contacted the elementor team and they told me that it´s related to the way GP loads the CSS but I don´t know how to solve this situation.
Is there anything I can do to solve this weird behaviour?
Thanks a lot David.
June 4, 2019 at 7:50 am #919673DavidStaffCustomer SupportYou have to love Elementor Support……
Instead of using the Top Bar.
Do this instead:1. Appearance > GeneratePress and activate the Elements module.
2. Appearance > Elements > New Hook.
3. Add your Elementor Shortcode
4. Select thebefore_header
hook from the hook list
5. Check the Execute Shortcodes
6. Set you Display Rules > Location to Entire Site.If you gave your Section a Class in Elementor then you can use that class to hide it on mobile.
The hook doesn’t have any CSS ( unlike the topbar) so if the flash of different styling occurs then its down to how Elementor
June 4, 2019 at 8:11 am #919687NachoHello David,
I´ve followed the instructions and done it but the issue is still happening.
Let me know what I can do.
Thanks a lot.
-
AuthorPosts
- You must be logged in to reply to this topic.