[Resolved] Special Design for Donate Page in Menu

[Jordan Levi]

hey, how can i give the ‘Donate’ page option listed in my main menu a special design? i’m thinking of making it pink wiha heart next to it

[Jordan Levi]

i thought about it more and i’ll probably have to make a hook element and throw it in the menu, right? but i could’ve sworn i found a support article about giving menu items a special css class, i just can’t find it again

[Leo]

Hi there,

Are you referring to the off canvas menu on desktop?

If so try adding a GB button block with icon in the Off canvas widget area:
https://docs.generateblocks.com/article/button-overview/
https://docs.generateblocks.com/article/icon-overview/
https://docs.generatepress.com/article/off-canvas-panel-overview/#off-canvas-panel-widget-area

Let me know if this helps 🙂

[Jordan Levi]

ok, so i made a GB button block and it’s on the off canvas menu now, thanks! but the button’s really far down from the rest of the menu. i was trying to add negative spacing in the top margin, but it won’t let me do that for the button or even a container. is there some code i can add to make it closer?

[Leo]

Try this CSS:

.slideout-navigation .main-nav {
    margin-bottom: 0;
}

Learn how to add CSS: https://docs.generatepress.com/article/adding-css/

[Jordan Levi]

hell yeah, it worked, thank you!

[Leo]

No problem 🙂

[Author]

Posts