How can I reposition the 'log in' icon on a mobile view?

[Bullet181]

Hello, I need help, I need to move the “log in” icon higher from the mobile phone, can someone please help me?

My site is luxebrillant.com.

[Made4uo-Ribe]

HI @Bullet181

Do you mean like this?

I notice that you add another log.in in the drawer do you like me to take out the other log.in with icon?

[Bullet181]

So the log.in that stays higher is a temporary page that i have created, but i want the main log.in to be near wishlist icon, search icon and cart icon, in the same line.

[Made4uo-Ribe]

Oh, I didnt provide the code yet. I just like to clarify.

Try this one.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

nav.menu-drawer__navigation {
    padding-bottom: 0px !important;
    height: fit-content !important;
}
.menu-drawer__navigation-container {
    display: flex;
    justify-content: flex-start !important;
}

• And Save.
• Result:
• 

[Bullet181]

thank you very much, you helped a lot, could you tell me more how I could put this button near to the Cart , search, wishlist
in one row to be on the mobile version,thank you again

[Made4uo-Ribe]

Is it like this?

If it is then try this one.

Same Instruction.

@media only screen and (max-width: 749px){
.row.header-row {
    display: flex;
    justify-content: flex-end;
}
header-drawer {
    order: 2;
}
.header__icons {
    order: 3;
}
h1.header__heading {
    margin-right: auto;
}
.header .disclosure {
    margin-left: 2rem;
}
}

And Save.

[CherylK123]

You can add a custom Css inside Theme Settings:

.thb-secondary-area-item.thb-secondary-myaccount {display: inline-flex;}

I was able to accomplish this in the vision theme with that code.