header

[jacopopalombo_]

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

[Raj-WebDesigne]

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_]

 

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

[dmwwebartisan]

@jacopopalombo_ 

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