How do I move Login or Create Account to the right hand side of the Header (Minimal theme)

SeanBow
New Member
1 0 0

Good Afternoon

 

I'm looking if anyone has been successful in moving the login or create account links from the left of the header to the right?

0 Likes

Hello,

It's a bit unclear what you're trying to achieve but I believe this is what you want:

dantepw_0-1596970813591.png


To achieve this, follow these instructions:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
@media (min-width:767px){

    .post-large--display-table{
        display: flex;
                align-items: center;
        justify-content: center;
        width: 100%;
    }
    .header-bar__right {
        /* margin-top:2px; */
        display: flex;
        align-items: center;
        width: 80%;
        justify-content: flex-end;
        height: 100%;
}

.header-bar__right > *:nth-child(1){
    order:4;
    margin-left: 15px;
}
}
</style>



Let me know whether it works!

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
Kev7
New Member
1 0 0

And if i want the Log in and Register on the Left side? 


0 Likes