Move cart icon to the right on mobile only. Dawn theme version 11.

Solved

Move cart icon to the right on mobile only. Dawn theme version 11.

daved1234
Explorer
63 6 15

Looking for a way to move the cart icon to the right on mobile only. Dawn theme version 11.

 

Already looks good on desktop.

 

My site:

https://ec6bc3-2.myshopify.com/

pw

eawhup

 

daved1234_0-1691023283716.png

 

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 290

This is an accepted solution.

Hi @daved1234 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.header__heading, .header__heading-link {

    margin-left: -130px !important;

}

.header-wrapper header.header {

    display: flex !important;

    justify-content: space-between;

}

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

PageFly-Henry
Shopify Partner
1184 335 290

This is an accepted solution.

Hi @daved1234 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.header__heading, .header__heading-link {

    margin-left: -130px !important;

}

.header-wrapper header.header {

    display: flex !important;

    justify-content: space-between;

}

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

daved1234
Explorer
63 6 15

Thanks again! Worked perfect!

 

PageFly-Henry
Shopify Partner
1184 335 290

You are welcome @daved1234 

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.