Making the header icons look normal again

Making the header icons look normal again

Etay56
Excursionist
31 0 5

Hey, I messed up the header icon in mobile view of my shop, pls help me get them back to normal, I want them al to be in the size of the cart icon, but in a normal look.

additionally I turned on the accounts option and I still dont have log in option in mobile view, help me with that as well pls
Thanks in advance.

store link: https://7c8266-b4.myshopify.com/

Reply 1 (1)

codewiser
Shopify Partner
79 35 32

Hello @Etay56 

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

 

@media screen and (max-width: 989px) {
.header-wrapper .header {
    display: grid;
    grid-template-areas:
        "left-icons heading icons" !important;
    grid-template-columns: 1fr 2fr 1fr;
}

.header-wrapper .header header-drawer {
    justify-self: start !important;
}

.header-wrapper .header .header__icons {
    justify-self: end !important;
}

.header-wrapper .header .header__icons .header__icon--cart {
    position: unset !important;
}

.header-wrapper .header .header__heading {
    justify-self: center;
}

.header-wrapper .header .header__heading .header__heading-logo {
    margin: 0;
}

.header-wrapper .header .header__icons .header__icon--account {
    display: flex !important;
}
}

 

If your problem solved then Like & Accept this Solution.
For Designing, Development and custom changes hire us. Email us Or WhatsApp Or Skype.