Move drawer menu side on origins

Solved

Move drawer menu side on origins

HØST
Tourist
12 0 7

 Hi, how do i move the drawer to the right side, from the left side?

IMG_0194.jpeg

Accepted Solutions (2)
techlyser_web
Shopify Partner
1804 334 361

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
.header {
display: grid;
grid-template-areas: " heading icons left-icons" !important;
grid-template-columns: auto !important;
align-items: center;
}
.header__icons{
padding-right: 4.8rem !important;
}
}
</style>

techlyser_web_0-1719339619549.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

techlyser_web
Shopify Partner
1804 334 361

This is an accepted solution.

@HØST 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
.header--top-left.drawer-menu{
grid-template-areas: "heading icons navigation" !important;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 7 (7)

KetanKumar
Shopify Partner
36932 3642 11996

@HØST 

oh sorry for that issue can you please share your store url so i will check and let you know 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
HØST
Tourist
12 0 7

www.hostfashion.myshopify.com

password: UDEIMARKEN

techlyser_web
Shopify Partner
1804 334 361

Hello @HØST 

Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
HØST
Tourist
12 0 7

yes here

www.hostfashion.myshopify.com

password: UDEIMARKEN

techlyser_web
Shopify Partner
1804 334 361

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
.header {
display: grid;
grid-template-areas: " heading icons left-icons" !important;
grid-template-columns: auto !important;
align-items: center;
}
.header__icons{
padding-right: 4.8rem !important;
}
}
</style>

techlyser_web_0-1719339619549.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
HØST
Tourist
12 0 7

Hi thank you, it worked on mobile, but not on pc. Can you help me to do it for pc too?

techlyser_web
Shopify Partner
1804 334 361

This is an accepted solution.

@HØST 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
.header--top-left.drawer-menu{
grid-template-areas: "heading icons navigation" !important;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com