Solved

Header menu layout dawn theme

keipers
Tourist
10 0 3

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

Accepted Solution (1)
Abdosamer
Shopify Partner
820 146 161

This is an 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;
}


}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

View solution in original post

Replies 7 (7)

Abdosamer
Shopify Partner
820 146 161

Hi @keipers , can you share your store url?

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
keipers
Tourist
10 0 3

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

Abdosamer
Shopify Partner
820 146 161

@keipers , I need the password.

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
keipers
Tourist
10 0 3

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

Abdosamer
Shopify Partner
820 146 161

This is an 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;
}


}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio
keipers
Tourist
10 0 3

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
Visitor
2 0 0

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 

 

 

Screen Shot 2024-01-25 at 10.30.58.png