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!

◦ Slideshow section not looking good? Try the Slideshow (PRO) section. No apps required.
◦ Product page images slider for free themes (w/ 20+ customization options): Minimal | Debut | Brooklyn | Supply
◦ If my answer helps you please click on like and Accept as solution!
Kev7
New Member
1 0 0

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


0 Likes