Increasing Menu size

Hello @oliviervanhoudt,
It’s happening because the menu is inside the .site class which has a padding like this:

.site {
    max-width: 1153px;
    margin: 54px auto;
    padding: 54px 108px;
}

So what you can do is use absolute positioning to get the menu-bar full-width without any relation to the wrapper class .site, like this:

#masthead {
    position: absolute;
    left: 0;
    right: 0;
}

This will cause the content of the site to overlap with the header, so to solve it you have to pull the content wrapper down using CSS margin:

.site-content {
    margin-top: 320px;
}

Finally, your ribbon image on the side will also move out on the right side, so pull ribbon image inside, like this:

.lintje-trans {
    position: absolute;
    top: 0;
    right: -90px;
    z-index: 1;
}

Hope this helps 🙂

On the line number 1924 of your stylesheet, you have this code:

.site {
    max-width: 1153px;
    margin: 54px auto;
    padding: 54px 108px;
}

So modify this code by reducing the top padding in order to reduce the white-space at the top:

.site {
    max-width: 1153px;
    margin: 54px auto;
    padding: 15px 108px 54px 108px;  // top  right  bottom  left
}

As you can see i reduce the top padding from 54px to 15px in order to reduce the white-space, so adjust this value according to you to get your desired result.

Hope this helps 🙂

@oliviervanhoudt glad i could help 🙂

@oliviervanhoudt It works differently in others browser because you maybe using really old browsers. Internet explorer is a really old browser(max people do not use it anymore, as it has been replaced by Edge), so you dont have to worry about it. If you are still worried then you can target CSS to internet explorer only using:

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
}

And for other browsers i recommend you to update them. Because i check you site on Chrome, Firefox, Opera, Vivaldi, Edge and even on the Blisk Browser… Everything looks the same on all of them.

If you have updated all of the browsers and still facing problems then, search for “browser specific CSS”, you will find a lot of results(specially on StackOverflow) to target browsers using CSS.

Let me know if it helps 🙂

yeaaaah i fixed the white stripe!

Glad to hear! 🙂

No problem man! 🙂 you helped alot!!
@otpidusprime

Thanks for understanding and so glad i could help! 🙂