Dawn theme: Move menu to the the left sidebar

Solved
Laimomo
Tourist
6 0 1

Hi there!

I'm looking for support to move the main menu from the center of the header to the left sidebar position (Attached a screenshot with the rendering of the final effect I am looking for)

website link: https://hands-of-fashion.myshopify.com/
password: laimomo2020

Thank you in advance.

screenshot.jpg

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9201 1563 1928

This is an accepted solution.

Hello @Laimomo

1)Go to Online store ->Theme ->Edit code
2)Asset -> base.css

And add the code in this file

.header__inline-menu {
    position: absolute;
    top: 136%;
    left: 15px;
}
.list-menu--inline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


Hope this will help you.

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 4 (4)
KetanKumar
Shopify Partner
24923 2498 9041

@Laimomo 

yes it possible code please confirm 

KetanKumar_0-1634870413794.png

 

also do you always fix position all pages or only for home page? 

 

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
Laimomo
Tourist
6 0 1

Hello @KetanKumar 

thank you for your help.
Yes, the ideal solution is to have it like this on all pages

 

oscprofessional
Shopify Partner
9201 1563 1928

This is an accepted solution.

Hello @Laimomo

1)Go to Online store ->Theme ->Edit code
2)Asset -> base.css

And add the code in this file

.header__inline-menu {
    position: absolute;
    top: 136%;
    left: 15px;
}
.list-menu--inline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


Hope this will help you.

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Laimomo
Tourist
6 0 1

Hello @oscprofessional 

That's work fine, thank you so much!
I hope I can ask you one more help: 

The menu in that position right now overlaps the image. I found a way to reduce the images, but the page automatically aligns to the left and even with smaller photos the overlap remains. is it possible to know how to move the whole block (excluding menu) of the product page further to the right in order to avoid overlapping?
I attach the image.
Thanks in advance

screenshot2.jpg