How to align main menu strips to the right with CSS code?

[Itamar2020]

can someone share a css code to align right those 3 stripes please?

[niraj_patel]

Hello @Itamar2020 
can you share store URL?

[Itamar2020]

store url

https://26e068.myshopify.com/

[Natasha-Saed]

Hi,

Can you share your store URL please to be able to give you the code

[Itamar2020]

store url 

https://26e068.myshopify.com/

[topnewyork]

Hi Itamar2020,

Please share your store URL.
So that I will check and let you know the exact solution here.

Thanks

[Itamar2020]

store url

https://26e068.myshopify.com/  

[Made4uo-Ribe · Accepted solution]

HI @Itamar2020 

Like this?

If it is check 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:

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

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[Itamar2020]

hi man it is working !

thank you very much

but the animation is now still coming from the left

maybe can you share some animation code also ?

thanks !