Header

Good morning and happy weekend,
I would need a hand:
how can I move the menu icon to the right and make it open from right to left (like the yellow arrow) and move the logo more to the left?

www.iconoclastic.studio

Thank you for your time

Add this css In your Base.css File

header-drawer{
    grid-column: 2 / 2;
    grid-row: 1 / 1;
    justify-self:end !important;
}
.header--middle-left {
    grid-template-areas: "heading navigation icons" !important;
}
.menu-drawer{
    transform: translate(100%) !important;
    left: unset !important;
    right: 0;
}
.no-js details[open]>.menu-drawer, .js details[open].menu-opening>.menu-drawer, details[open].menu-opening>.menu-drawer__submenu {
    transform: translate(0) !important;
}

@jacopopalombo

I checked your requirements but it needs customization in header file of the theme for desktop and mobile.

1 Like

The logo and the menu are perfect but this last one doesn’t work… How can i fix it?

The second picture is when i click che menu icon