Moving the cart icon Blockshop

Solved
SunShopp
Tourist
9 1 2

Hello all. I am having some trouble moving the shopping cart icon (bag) in the header of my site.

 

I already moved it, along with the dropdown menus, from the bottom row of the header to the top in the header.liquid coding section but i cannot move it over to the right without putting it over the other icons.

url: https://thesunshopp.com/

I would like it to be the right most icon so either moving the bag icon without overlapping the others or move the other two to the left a little would work equally well.

 

Thanks

 

0 Likes
Ninthony
Shopify Partner
1794 259 707

This is an accepted solution.

You could add this to the bottom of your theme--critical.css file in your assets folder in order to get it to align with the other icons. The HTML isnt set up properly for you to be able to make it the right most icon, so that would have to be reworked:

.cart--open-right.off-canvas--open {
    text-align: right;
    padding-top: 20px;
}
@media (max-width: 767px){
.cart--open-right.off-canvas--open {
    padding-top: 0;
}    
}
If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes