Website not displaying correctly on mobile view(icon and slideshow images)

New Member
1 0 0

Hello All,

I'm in my final stages of adjustments before launching my site and Shopify plan for www, is tawcla) and whilst doing all my website editing on my browser, my website had no visual issues. I've just done a test on a mobile browser, and if you can see in the attached images, there are two issues. I've uploaded desktop view and mobile view. If anyone can help me resolve the icon overlapping, and only half my image/slideshow showing, that would be incredible!

1) The basket checkout icon has moved for some reason and overlapping.

2) The 2 photo slideshows present, only show half of the image/slideshow.


Now bellow is the attached view of the desktop version on a windows laptop, which displays perfectly:



Shopify Partner
1236 162 218

Hi @ThePhoneSpecial


Please follow the steps:

- Step 1: Go to sections > header.liquid file and change code: =>

Code: one-eighth, medium-down--six-eighths

- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width: 768px){


           top: 0px !important;



            font-size: 18px !important;



#2: Please change Slide height: Adapt to first image


LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!