Get my menu item as highlighted button ?

Hi there,

this article explains how to style a menu item as a button:

https://docs.generatepress.com/article/adding-buttons-navigation/

Thanks, David

I tried applying the primary code in the article and it didn't work

The CSS was activated in the main menu

I want add the call to action to '' resources page'

is there anything that could block it?

Thanks
Aziz

Can you share a link to the site so i can see whats going on?

And does this button need to show in the header for Mobile devices ?

Hi David

No Only Desktop for now.

attached as requested.

Thanks

Hi there,

I don't see the CSS code has been added to your site

And you are using custom-menu-buttun as the CSS class, so try add this CSS to customizer > additional CSS.

@media (min-width:769px) {
    .main-navigation .main-nav ul li.custom-menu-buttun a {
        background-color: #ffffff;
        border: 2px solid #000000;
        color: #000000;
        line-height: 35px; /*this number will likely need to be adjusted*/
    }
}

After the code is added, remember to clear the cache.

Let me know :)

Hi Ying,

sorry for the late reply.

I tried the code you shared and none so far.

You may have a look if you want. i didn't remove it ( the code )

Thanks
Aziz

Looks like you have an extra closing } here.
https://www.screencast.com/t/NAbbSNFg

Try removing it.