Archived topic
Off Canvas - Styling Menu Items
3 replies · Started by Manuel on April 1, 2021
Viewing posts 1–4 of 4
Hi there,
I want to style the items of my off-canvas-slideout-menu. I've already achieved a lot. Many thanks for this great support forum. But I couldn't find a way to customize only one or two of the middle menu items. I just want to assign 20px padding-left to the third and fourth item, but I didn't find the right way to do that.
Best regards
Manuel
Hi there,
You can use CSS's nth-child selector for this.
https://www.w3schools.com/cssref/sel_nth-child.asp
I believe you're aiming for something like this? https://share.getcloudapp.com/QwuEQqvR
If so, try this CSS:
nav#generate-slideout-menu ul#menu-navigation li.menu-item:nth-child(3),
nav#generate-slideout-menu ul#menu-navigation li.menu-item:nth-child(4) {
padding-left:20px;
}Exactly what I meant. Thank you very much!
No problem. Glad you got it sorted. :)
This archived topic is closed to new replies.
