Menu in header to middle of header Prestige Theme

Solved
LeondeCame
Explorer
46 1 13

Hello, 

I want that my menu in my header go stays in the middle. Now it is more to the left side of the header. 

https://ibb.co/DftGxwz

Link: leondecame.com

Password: LéondeCamé2020.

 

 

Regards,

0 Likes
suyash1
Shopify Partner
3448 381 560

This is an accepted solution.

@LeondeCame - add this css to the very end of theme.css file and check , should be like screenshot

.Header__Wrapper .Header__FlexItem--fill {
    justify-content: center;
}

 

suyash1_0-1632416661632.png

 

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
LeondeCame
Explorer
46 1 13

It works, thank you!

suyash1
Shopify Partner
3448 381 560

@LeondeCame - welcome

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
LeondeCame
Explorer
46 1 13

Hello @suyash1 ,

 

little problem, I just checked my website on my phone and I saw that the position of the toggle for the menu on mobile device also moved.

But it needs to be on the left side on mobile device. Any solution for this?

 

https://ibb.co/ChxJ2gy

0 Likes
suyash1
Shopify Partner
3448 381 560

This is an accepted solution.

@LeondeCame -  remvoe last given css and try this

@media screen and (min-width:750px)
{
.Header__Wrapper .Header__FlexItem--fill {justify-content: center;}
}
Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
LeondeCame
Explorer
46 1 13

Yes, this code works! Thank you

0 Likes
LeondeCame
Explorer
46 1 13

This is an accepted solution.

@suyash1 

I found also another problem. If I make my screen a little bit smaller (iPad size) the hamburger menu and icons are not on the side. But I want them on the side. 

Look to the screenshot then you will get it. 

Screen: https://ibb.co/wMFg92c

Webshop: leondecame.com 

 

0 Likes
suyash1
Shopify Partner
3448 381 560

@LeondeCameplease add this css and check

@media screen and (min-width:750px) and (max-width:1023px){
.Header__Wrapper .Header__FlexItem--fill:first-child {
    justify-content: left;
}

.Header__Wrapper .Header__FlexItem--fill:first-child:nth-child(2) {
    justify-content: right;
}
}
Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
LeondeCame
Explorer
46 1 13

Yes, it works thank you!

0 Likes