Relocate Account Icon on Mobile View to Be On Top of the Cart Icon in Vertical Alignment

[DavidLeong]

Need help to set and relocate Account Icon on mobile view to be on top of the Cart Icon in vertical alignment, as shown in attached image file. Wondering whether this is possible?

Anyone can help?

My website is www.mobilecablestore.com

Greatly appreciated. Thank you!

[Guleria]

Hello @DavidLeong ,

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code below:

@media screen and (max-width: 768px) {
.header__icons { 
    flex-direction: column; 
}
.header__icon--cart{
margin: 0;
padding: 0;
}
}

Thanks

[DavidLeong]

I have edited the margin to 2 instead, to make it slightly right as below:

@media screen and (max-width: 768px) { .header__icons { flex-direction: column; } .header__icon–cart{ margin: 0; padding: 0; } }

Possible to help me put an additional code to make the Account icon slightly right as well to align with the Cart icon. Thank you!

[DavidLeong]

Sorry i mean i edited it to this

@media screen and (max-width: 768px) {
.header__icons {
flex-direction: column;
}
.header__icon–cart{
margin: 2;
padding: 0;
}
}

[Guleria]

@media screen and (max-width: 768px) {
.header__icons {
flex-direction: column;
}
.header__icon--cart{
margin: 2px;
padding: 0;
}
}

[DavidLeong]

@media screen and (max-width: 768px) {
.header__icons {
flex-direction: column;
}
.header__icon–cart{
margin: 2;
padding: 0;
}
}

I applied the above, but the Account icon for mobile view is still not in-line with the Cart Icon

[DavidLeong]

[Guleria]

Seems you are not checking the solution properly.
Its

margin: 2px;
not
margin: 2;

[DavidLeong]

My apology for the confusion. How can i make both icon to align to the red line on the right as per screenshot?

[DavidLeong]