Why does my mobile header overlap and lack a basket icon?

[ChrisW3]

Our header on mobile looks like the below, there should be a basket icon and obviously our logo shouldn’t overlap. I can’t find why this has happened - it looks fine on desktop

[PageFly-Henry]

Hi @ChrisW3

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 theme.liquid

Step 3: paste bellow code in tag → save.

@media only screen and (max-width: 767px){ img.mobile-header-logo { width: 95px !important; }}

Hope that my solution works for you.

Best regards,

Henry | PageFly

[ChrisW3]

Hi this fixed the logo but the icons in top right hand corner still aren’t right:

[PageFly-Henry]

You can try with this code:

@media only screen and (max-width: 767px){
.display-table-cell .sign-in-mobile img {
bottom: 0 !important;
}}

[ChrisW3]

For some reason in our theme.scss file we had this:
.icon-cart {display: none !important;}

I removed that and it now looks like this: