Drop-down menu doesn't cover the rest of the menu (one of the post category)

[marynasakowska]

Hi,
I have few questions about the drop-down menu.
The main problem is:

1. The drop-down menu doesn't cover the rest of the menu (one line):
   

The problem occurs only with one of the post category below, because the drop-down menu perfectly covers the rest of links to the normal pages, projects:

Second question: how can I make the font size in the drop-down menu different (smaller) than in the rest of the menu (main menu)? I have seen such post on this forum, but there was no sufficient answer to that problem.

Third question: how can I determine the width of the drop-down menu (if I want the text to wrap, because it's too long)? I was trying with the width property but don't know where to put it.

I use this custom code;

nav.primary .sub-menu{
    display: none;
    position: absolute;
    right: -5px;
    top: 20px;
    background-color: black;
    padding: 20px;
    border: 1px black;
   
}

nav.primary .sub-menu li{
    display: block;
}

.menu-item:hover .sub-menu{
    display: block;
}

.menu-item-has-children{
    position: relative;
}

Thank you for your help in advance!

[marynasakowska]

Hello @arminunruh and @mariusjopen,
now I think that problem could be solved if, after mouse clicking/mouse hovering on the particular category, the bottom rest of the menu will slide down (not like now, that the submenu/dropdown menu is covering the bottom rest of the meny). Is it possible to change this code somehow?

[mariusjopen]

Dear @marynasakowska
Can you post a link to your website?
We will then have a look and inspect that!
Many wishes!
Marius