Remove white space between top of page and menu items

[WVU]

Hiya,

How can I remove this white space to make sure my menu headings are alligned with the symbols on the right?

Thanks so much in advance!

URL: https://utrecht-winkel.nl/

[suyash1]

@WVU - that white space and menu are completely different sections, if we put menu in that space using CSS then it will change as per the device and can overlap with other content. 

Or it will need code editing, but then menu can come down to second line if the device is of small size.

[WVU]

Thanks for your reply!
Does that mean there is no way to centre the text in the header there?

[suyash1]

@WVU - no, not a feasible way, so better to have it like this only

[WVU]

I did some changes today in the menu and it made the menu move down.
Before, it used to look like this:

[suyash1]

@WVU  I think you edited the menu code, did you change its place?

[WVU]

Unfortunately, I don't know... I'm not too skilled with CSS and have edited some codes in today for the drop down menu. These where provided to me by other Shopify Solvers.

[WVU]

Do you happen to know the code to solve the problem where it might be poorly visible for small devices?
I can add the code and see what it'll look like! 🙂

[suyash1]

@WVU - check screenshots, both are different sections, so you will need to edit code to take menu section into logo are section like 3rd screenshot