How can I adjust the header menu layout in Dawn theme?

[keipers]

Hello, Im using the Dawn theme for my store, and I need help with the header. Im using the top center position option so the logo is in the middle and the menu is on the left side and the icon menu with account cart and search button is on the right side, however, both of these menu parts are not fully to the side of the page. Is it possible to move the respective parts of the menu to the right and left sides so there are no large gaps, I tried offsetting the positions by changing the marigin values, but it didnt work because on smaller resolutions the menu gets pushed outside of the screen. Also as a sidequestion, is it possible to put a button on a video, I made a custom liquid section where I put a looping video, which I wanted to use as my first image on the site, behind the transparent header (I tried making a gif, but the correct size and quality made the gif twice as large as the video). If thats not possible I would have to sacrifice the quality by using a gif with a lower quality and framerate.

Screenshot - https://prnt.sc/bRrTMMTq-CV8

[Abdosamer]

Hi @keipers , can you share your store url?

[keipers]

Sure. https://e16221-4.myshopify.com (just began working, ignore the gray line)

[Abdosamer]

@keipers , I need the password.

[keipers]

I removed the restriction, you can enter without the password now.

[Abdosamer · Accepted solution]

@keipers , go to base.css and add the following code :

@media (max-width:990px){
 .header:not(.drawer-menu).page-width {
    padding-left: 5rem;
    padding-right: 5rem;
    max-width: 100% !important;
}


}

[keipers]

Thank you! At first nothing changed, but I changed max-width:990px to min-width:990px instead, and then it worked. This problem is solved, however I wanted to ask if there is a solution to the other question about the custom liquid where I put the video in, is it possible to put a button over it just like its done with the gif(our collection ) or should I just keep the gif?

[TheNappyMarket]

hi @Abdosamer i hope you don't mind me asking a question here - i have been trying to find someone active on Dawn theme custom code solutions from recently. I was wondering if you know how to adjust the discount display in the cart page of Dawn Theme?  See Screenshot of products in my cart - this product is €14.50 full price so its 51% off - i would like that to display in the cart? IS there a custom code i can add to do this? 

I have added code so the % discount is displayed on the product page and on the collection page. So i would just like it now to show in the cart page. thanks