Mobile: How to move logo to the left and all icons to the right

[Lucyspot]

Hi! How can I move my logo to the left and all icons to the right on the mobile version of my site?

[MarinaPetrovic]

Hi @Lucyspot , please share url.

[Lucyspot]

https://blacksp otboutique.myshopify.com/

the mobile version

Thank you.

[MarinaPetrovic]

Hi @Lucyspot , if this is the result you’re looking for

Go to edit code > assets > base.css, and add this:

@media all and (max-width: 750px)  {
.header{
grid-template-columns:0.2fr 2fr 1fr!important;
}
.header__heading, .header__heading-link{
justify-self:flex-start!important;
}
}

If this is the result you’d like:

go to edit code > assets > base.css and add this:

@media all and (max-width: 750px)  {
.header{
    grid-template-areas: "heading left-icon icons"!important;
    grid-template-columns: 2fr 1fr 1fr!important;
}
header-drawer{
justify-self:end!important;
}
}

[Lucyspot]

Thank you so much, this is exactly what I needed!