How to change the position of main-menu?

Hello
How can I change the top-position of the main-menu?

I want to place it a little bit lower on the same position as the bottom of the text of the logo:

veenemanbouw.nl/new2/

Add to template_css.css:

.mp_topmenu{
padding-top:15px;
}

change 15 to whatever suits you

Hello
everything is working OK now. But there is a "lot of space" between the head of the window and the logo+menu+caroussel and also between caroussel and content. Is it possible to get a more compact styling, see my attachment. This site is now almost finished and looks very nice now with your Explorer template!! But al little bit after-styling will be good, you think?

veenemanbouw.nl/vbnb/new2/
veenemanbouw.nl/vbnb/new2/index.php/nieuws

In layout.css:

.topmenurow {
z-index: 100;
padding: 20px 0 8px 0;
width: 100%;
}

change to:

.topmenurow {
z-index: 100;
padding: 0;
width: 100%;
}


and :

.content_sparky {
padding-top: 20px;
}

change to:

.content_sparky {
padding-top:0 px;
}

Hello
the position of the menu is now correctly on the PC but on the Ipad and on the smartfone is not good working on my site. The last word of the navigation is falling down. So I want the menu te place more to the left. But I have tried to fix it in the Layout Builder, but the with of the logo won't change to a litte bit smaller.
The site is now alomost finished and will go live after this last correction.

Thanks!!!

veenemanbouw.nl/vbnb/new2/

Can you somehow illustrate problem