Cart icon off center on Simple theme mobile

Solved
Highlighted
New Member
3 0 0

Hi,

 

I'm using the simple theme for my site. I'm having an issue with the cart icon being slightly to the left of the center on the mobile version. On the desktop version of the site it's aligned right. If someone could help me figure out how to correct this by aligning it center or right on mobile that would be great.

 

Please let me know if you need any more information to solve this. Screenshots of both the mobile and desktop versions are below.

 

Thanks,

J

 

 

1.jpg2.jpg

0 Likes
Shopify Partner
1756 289 374

Hi @KaniefskiJB 

Send me your store URL so i can check.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
0 Likes
New Member
3 0 0

I've just sent you a PM.

 

Thanks.

0 Likes

Success.

Shopify Partner
1756 289 374

Follow this:

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-wrapper .grid__item.medium-up--four-fifths.small--one-half.text-right{width:100%;}
@media only screen and (max-width: 767px) {
  .site-wrapper .grid__item.medium-up--four-fifths.small--one-half.text-right .site-header__cart:first-child{    text-align: right;    display: block;}
 }

Note: This css only work for your section and this solution is from just console.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
1 Like
New Member
3 0 0

Worked perfectly. Thanks for your help.

0 Likes