- This topic has 11 replies, 2 voices, and was last updated 3 months, 2 weeks ago by
Leo.
-
AuthorPosts
-
September 15, 2020 at 7:50 am #1444317
María José Perales
Hi!!
I need the secondary menu to keep sticky like the menu, how can I do it?
And in mobile version, I would like to use a diferent secondary menu, so it doens’t shrink to a hamburger menu too.
Thanks.September 15, 2020 at 8:03 am #1444354Leo
StaffCustomer SupportHi there,
Any chance you can link us to the site in question?
You can use the private information field.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 18, 2020 at 7:55 am #1448835María José Perales
Hi Leo!
Sorry for the delay on this answer.
I’ve already sent you the access to this website.
Tell me if you got it.THank you
September 18, 2020 at 8:48 am #1448921Leo
StaffCustomer SupportI don’t see it in the inbox.
Can you provide here in the Private information box that we recently added?
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 22, 2020 at 11:51 am #1454335María José Perales
I already sent it.
Thank youSeptember 22, 2020 at 12:02 pm #1454348Leo
StaffCustomer SupportSorry I’m not seeing any info added.
This is the box you can use:
https://www.screencast.com/t/t2e00JAZAWDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 23, 2020 at 9:55 am #1455745María José Perales
Hi! Sorry Leo, I didn’t know this.
I already publish the website, in case you wanted to look at it.proyectovio.es
September 23, 2020 at 11:12 am #1455866Leo
StaffCustomer SupportTry this CSS:
@media (min-width: 769px) { .secondary-navigation { position: fixed; top: 0; left: 0; right: 0; z-index: 99; } .main-navigation { margin-top: 40px; } #sticky-navigation { top: 40px !important; } }
Then you will want to remove the transition on as that cannot be done with the secondary navigation:
https://docs.generatepress.com/article/sticky-navigation/#sticky-navigation-transitionDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 24, 2020 at 2:34 am #1456580María José Perales
Hi Leo,
I put the css and it works but only in the mobile version. :/
In mobile, the menu shrinks. One option could be create another menu, without the characters (number and email), but only with the logotypes. I don’t know how to asign one menu for the secondary menu on mobile version.
September 24, 2020 at 8:31 am #1457214Leo
StaffCustomer SupportMy CSS should only work for desktop with the media query.
Looks like it’s working for me?
https://www.screencast.com/t/rjJhnApzRVDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 29, 2020 at 7:43 am #1463797María José Perales
It works ok.
But the menu shrinks on the mobile version and uses the hamburguer menu. I need to show the normal menu or create a new one with only icons, and use it on the mobile version.
September 29, 2020 at 8:42 am #1464050Leo
StaffCustomer SupportCan you open a new topic for the separate question?
The sticky secondary menu question is resolved already.
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.