header

jacopopalombo_
Visitor
2 0 0

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?

593420d2-2821-41a3-ac88-e51d15e0cf09.jpeg

www.iconoclastic.studio 

Thank you for your time

 

 

Replies 3 (3)

Raj-WebDesigne
Shopify Partner
60 16 14

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;
}

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


jacopopalombo_
Visitor
2 0 0

IMG_9007.png

IMG_9008.png

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
Shopify Partner
12321 2551 3712

@jacopopalombo_ 

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

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app