Make navigation bar full width in Dawn Theme

Hello everyone, I need some help about navigation bar :

Here’s my website https://abitsleepy.com/
and here’s pretty much the reference https://world.skallstudio.com/

  1. Is there any way to make top navigation bar full width rather than limited to container?

  1. I need my logo to stay at the center but the menu move to the sides, and it’ll make my navigation thinner and fresh. By the way, how can I move the “Search” to the right side?

  1. For the mobile devices, I can’t figure out why there’s a space at the drawer, and it makes my navigation a bit low. Is there a way that I can remove the space?

1 Like
@media screen and (min-width: 1200px)
.header {
    display: grid;
    grid-template-areas: "left-icon heading icons";
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 1405px !important;
    max-width: 1882px !important;
}
}

@abitsleepy

add this code in theme.scss or css file.

you have too many customization work, hire a developer, if you require.

thank you.

Why can’t I find my theme.scss or css file ?