Archived topic
Special Design for Donate Page in Menu
6 replies · Started by Jordan Levi on March 17, 2023
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
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
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 :)
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?
Try this CSS:
.slideout-navigation .main-nav {
margin-bottom: 0;
}Learn how to add CSS: https://docs.generatepress.com/article/adding-css/
hell yeah, it worked, thank you!
No problem :)
