When the browser windows is resized down to the 480px size, at which the masterframe header layout grid change from normal view to the mobile view, the hamburger menu is placed below the logo. This is what is expected but I would like to have more space between the logo and the menu.
I've tried almost everything. Changing the menu place in the layout grid, adding column, changing column size, adding padding to the menu column,... and so on. Some change seems to be visible but in editing mode but in preview there is no change. And sometime in I change something in a breackpoint the change is done in the default view too

https://decouvreur-de-tresors.com
Any idea ?
Other problem, if I add breackpoints to the index page, then the text at the center of the page get much wider as soon as the browser windows is downsized a little bit and the hamburger menu get cut in half. This is so terrible I could not let the breakpoints for the moment.
Thanks for any support.