Make the header not occupy the entire top part of the screen

Store Design
1

Hello hello!

I was wondering if something similar to what www.yproject.fr has in its header could be done, that is, that the header does not take up the entire screen and is not attached to the top but contains margins (my current theme is Stiletto 3.1.0 and my beta shop is: https://winnerofficial.com (password: y21)

I would love to have an identical rectangular shape (with the same margins as in the reference photos) to the one they have on their website, with the logo on the left (not the right) and everything else (search, cart, menu, on that exact order) on the right. I would like the background of the header to be white. (I attach reference photos)

I think the options for headers are a bit limited in most themes and many people would be happy to know that there are more customization options for them!

Reference photos:

desktop version
desktop version2880×1560 489 KB

mobile version
mobile version1170×1970 106 KB

2

Hi @martujv , you can try recreate that by adding this code to your theme

header.css-3bMN686qBP {
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 0;
}