need to show menu on the full width of the screen

Just to make sure that I need to make a Header (same like the Footer on the example site) full screen width not the content page itself – it should remain centered, but header must occupy full screen from left to right.

Ok I did it, but I still have is a blank area between the menu and slider. This is due to the length of the second row menu. In a standard header template – menu is quite short now it occupies full screen and there is no need for the second row. However information that the length of the 2nd row menu exceeds one line is stored somewhere and sent to the slider thus moving it one line down.
How can I enforce slider staying one line above to be flush with the menu?

You need to remove the margin-bottom on .site-header for the page the has the slider.

Can I ask, how did you make your menu be full width? I have tried to do this but can’t seem to get it to work.

copy the header.php from parent theme to child theme and then simply remove <div class=”col-full”> from it.

James, thanks for your suggestion to remove the margin-bottom on .site-header, which definitely helped. However, I still have the white space in between menu and slider even with .site-header’s margin-bottom property set to zero. Can you help here please?

That worked thank you ??