Sub menu spacing

[dexter]

Hello everybody
can someone help me with my sub-menu? I would like to widen the gap between "Preise" and "Beispiele". Probably just a small line of code but I'm still not good with CSS.

I have already found the following code here in the forum

/submenu/
nav.primary .sub-menu li{
display: block;
position: relative;
}
.sub-menu{
padding-top: 12px!important;
opacity: 0;
transition: opacity 200ms ease;
-webkit-transition: opacity 200ms ease;
pointer-events: none;
position: absolute;
}
nav.primary li:hover .sub-menu{
opacity: 1;
pointer-events: auto;
}
/**/

Beispiel:

[mariusjopen]

Dear @dexter
can you post a link to your website?

But probably:

.sub-menu li {
padding-bottom: 10px; 
}

Best!

Marius

[dexter]

The website is unfortunately not yet online.
Unfortunately the code didn't work.

Are there other ways to implement such a sub-menu?

[mariusjopen]

Dear @dexter
it would help to see the website to come up with a solution.
Is it possible to upload it?

Best!

Marius

[dexter]

@mariusjopen said in Sub menu spacing:

Dear @dexter
it would help to see the website to come up with a solution.
Is it possible to upload it?

Best!

Marius

Hey,
you got the website and username by chat.
Thank you Marius!

[mariusjopen]

Dear @dexter
try this then :

.menu-item-object-page {
    padding-bottom: 10px;
}

I think that works.

Best!

Marius

[dexter]

It works!
Thank you so much Marius! :-)

[mariusjopen]

Cool! Great to hear!