How can I modify the account icon placement in mobile view?

[mmmtrading]

Hello,

I would like to add the account icon to the left of the cart icon on mobile view and I would also like to remove the account icon and text from the menu drawer.

Is this possible at all?

Here is my store for reference:

www.mmmtrading.co.uk

[PageFly-Victor · Accepted solution]

Hi @mmmtrading 

This is Victor 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 base.css.

Step 3: Paste the below code at bottom of the file -> Save

a[href="/account/login"] {

display: block !important;

margin-top:10px;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[PageFly-Victor · Accepted solution]

Hi @mmmtrading 

This is Victor 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 base.css.

Step 3: Paste the below code at bottom of the file -> Save

a[href="/account/login"] {

display: block !important;

margin-top:10px;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

[mmmtrading]

Thanks!

Is there a way in which I can reduce the gap between the account icon and the cart icon on mobile view at all?

Additionally do you know how I may be able to remove the account icon and text from the menu drawer?

[Rahul299792]

That code worked in adding account icon in mobile view thanks.

[ExpertRookie · Accepted solution]

Hi @mmmtrading 
You can try follow this path:
Themes => edit code => sections => header.liquid
and change the code like this image

[mmmtrading]

Hey, thanks however it doesn't seemed to have worked.

I have a feeling because I played around with removing the search bar that it has done something to the icons to the left of the cart icon on mobile view.

Currently on mobile view the icon is invisible but can still be used.

Is there anything you could do to help further?

[ExpertRookie]

have error in your code.
Can you share the header.liquid code?

[mmmtrading]

I have just reverted my header.liquid code back to the original version however the icon still is not showing ...

[ExpertRookie]

Hi @mmmtrading 
I don't think so, the header.liquid is modified, so it still has the bug

[mmmtrading]

Just sorted it!

Thanks so much for your help bro