Logo jumping to left on mobile dawn theme (padding loading later)

Solved

Logo jumping to left on mobile dawn theme (padding loading later)

ErnestoF
Excursionist
44 1 9

Hello!

In my store on the mobile version, when the store loads, the logo is centered and when the page loads, a padding is created on the right side next to the shopping cart icon and the logo analogously moves to the left. In the code, I added a custom search bar visible on both the desktop version and the mobile version (maybe this has some connection)?

 

In addition, I would like to ask how to reduce the size of the logo/header size on the mobile version. I have tried many solutions from the forum but no code editing has any effect.  Header takes up way too much space on mobile version... Im using sticky header in my Dawn theme. 

 

https://5a8ab2.myshopify.com/

pass: 123

 

Accepted Solution (1)

topnewyork
Astronaut
1121 150 186

This is an accepted solution.

Go customize > edited code > header.liquid and past this code

 

.page-width:after {
    display: none !important;
}
Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month

View solution in original post

Replies 2 (2)

topnewyork
Astronaut
1121 150 186

This is an accepted solution.

Go customize > edited code > header.liquid and past this code

 

.page-width:after {
    display: none !important;
}
Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month
ErnestoF
Excursionist
44 1 9

Thank you very much, that works!