Change logo position only in mobile version

[aus-10188]

Hi,

For Web version, logo sitting on the left which is good.

However, when we turn to mobile version, the logo sitting in the middle.

is that possible to change logo to left on mobile version?

thanks

cecilia

[ZestardTech]

Hello There,

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

[aus-10188]

www.ahly.com.au

thanks

[AvadaCommerce]

Hi @aus-10188 ,

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:

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

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

[lily-xp]

@aus-10188 I think this can be resolved by having a mobile menu app. Have you tried to search for one?

[aus-10188]

Thanks! it works!

[aus-10188]

Hi,

Can you please advise if we can change menu button to right and remove checkout button?

thanks