Need Help with editing the mobile menu layout

sleeclarity
New Member
2 0 0

Hi Guys,

 

I need a little help with editing out my mobile menu. I want the menu Icon positioned left and the Search, Wishlist and cart icons on the left also need to kinda reduce the spaces between them.

claritycrystals.com is the shop address.

currently it looks like this I've marked the way I'd like to be. Would be really glad If you could help me.

Screenshot 2021-02-12 140910.png

 
 
 
 
0 Likes
paramSoft
Shopify Partner
1636 257 719

Please place this code at the end of theme.scss

Please make the 'm' of media small

@_media only screen and (max-width: 600px) {
.menu_bar_right .header-mobile {
    float: left;
}
.menu_bar_right .header-search {
    float: right !important;
padding-top: 7px;
}
.menu_bar_right .wishlist {
    float: right !important;
}
.menu_bar_right .header-bar__module{
    float: right !important;
}
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
sleeclarity
New Member
2 0 0

Hi This worked only partially I tried copying the code to theme.scss but it didnt work but copying the code to style.css.liquid worked partially.

With that code cart comes to the middle of the screen and search icon goes to the end of the order. How can i keep them in the same order?

 

I managed to get them look like this but was unsuccessful in getting it perfect.

https://imgur.com/wIEE3xg

 
 
 
 
 
 
0 Likes