Archived topic

Change content from Sticky Menu

1 reply · Started by Satori on October 10, 2018

Viewing posts 1–2 of 2

October 10, 2018 at 12:52 am #697663

Want to use the sticky menu feature to show a CTA. Basically I need to remove the main menu from the sticky and add just the navigation logo and a Call To Action button. I suppose the easy way to do this would be to use the secondary menu to display the CTA, but I don't see the option to make it sticky.

If this isn't supported yet on GP, what would you recommend me to achieve this. I'm trying to improve the conversions on my site and this would be a nice addtions to my efforts.

October 10, 2018 at 10:09 am #698127

Hi there,

You can basically follow the same steps in this article with the modification below:
https://docs.generatepress.com/article/adding-buttons-navigation/

In step 2, in addition to the CSS in the article, add this as well:

@media (min-width:769px) {
    .main-navigation.navigation-stick .main-nav ul li a {
        display: none;
    }
    .main-navigation:not(.navigation-stick) .main-nav ul li.nav-button a {
        display: none;
    }   
}

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.