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

Solved

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

mmmtrading
Tourist
28 0 2

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

Accepted Solutions (2)

PageFly-Victor
Shopify Partner
7865 1785 3079

This is an 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;
}

PageFlyVictor_0-1670556433638.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

View solution in original post

ExpertRookie
Shopify Partner
1518 249 316

This is an accepted solution.

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

expert-rookie-1 · Edit ~ Dawn 1 · Shopify 2022-12-09 10-25-24.jpg

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

View solution in original post

Replies 9 (9)

PageFly-Victor
Shopify Partner
7865 1785 3079

This is an 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;
}

PageFlyVictor_0-1670556433638.png

 

Hope that my solution works for you.

Best regards,

Victor | PageFly

mmmtrading
Tourist
28 0 2

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
Visitor
1 0 0

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

ExpertRookie
Shopify Partner
1518 249 316

This is an accepted solution.

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

expert-rookie-1 · Edit ~ Dawn 1 · Shopify 2022-12-09 10-25-24.jpg

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
mmmtrading
Tourist
28 0 2

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
Shopify Partner
1518 249 316

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

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
mmmtrading
Tourist
28 0 2

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

ExpertRookie
Shopify Partner
1518 249 316

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

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
mmmtrading
Tourist
28 0 2

Just sorted it!

 

Thanks so much for your help bro