Main menu

Hi @debby78018

You can try something like this:

ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    margin-top: 15px;
}

It will target the submenu only, and set its margin to 15px lower, using pixels. If you want more space, you can increase the number from 15 to a higher number, and vice versa, for a smaller space.

Hope that helps!

Hi, thanks a lot but if I insert this code I can click on the sub menu :((

Hi @debby78018

Okay, got it. Did you insert the code while the previous CSS code that you’d tried was still there ?

Can you try adding only that code ?

And if this is what you tried, are you able to link to a screenshot that shows what you’re seeing ?

You could use something like snipboard.io to share a screenshot.

Hi, here the problem : https://www.loom.com/share/a9d96be5effc45b090704366a4991529?sid=82ea6147-c2bf-46e5-84bc-5d80fc450b10 impossible to click !! :((

Hi @debby78018 !

My fault. I see what you mean!

You can try padding instead, but the background area will not be affected by this, only the text.

So that CSS changed will be, instead:

ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
padding-top: 15px;
}

Hope that helps!

Hi,
Thanks but it is not really what I want just add a space behind the sub menu ? is it possible ? not a padding top

Best regards

Hi @debby78018

Is there an example from another site or a screenshot showing where you’ve seen this done before, showing exactly what you mean, when you saw ‘a space behind the sub menu’ ?