How Do I Move the Shopping Cart to the right side of the header for the Launch Theme mobile?

[jsmernoff]

I use the Launch Theme for my site, www.blackumbrella.com. On mobile, it has the shopping cart icon on the left side of the header and the hamburger menu button on the right side. (desktop is ok).

Is it possible to swap their locations for a better user experience? (menu on left and cart icon on right)

My theme doesn’t have any options to change their locations.

Thx! -Joel

[DaisyVo]

Hi @jsmernoff

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

a.header-actions-list-item.drawer-toggle {
    right: unset !important;
    left: 15px !important;
}
a.header-actions-list-item.icon-cart.header-cart-link {
    left: unset !important;
    right: 20px !important;
}

Here is the result: https://prnt.sc/EMRKQTHH2LKg

I hope this helps!

Best regards,

Daisy

[Made4uo-Ribe]

Hi @jsmernoff

Try this one,

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

And Save.

Result:

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!