Move navigation bar in mobile phone to the right side

Shopify Discussion
1

Hi,

I’m using default spotlight theme and want to move navigation bar (3 horizontal line) in mobile phone to the right side (after cart). This is my website address https://ausfin-2.myshopify.com/

Can anyone tell me how I can do that?

2

Hi [email removed]Abhishek_singh

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width:767px){
#shopify-section-sections--17931527127319__header .header {
    grid-template-areas: "heading icons left-icon ";
    grid-template-columns: 2fr .5fr .5fr;
}
#shopify-section-sections--17931527127319__header .header header-drawer {
margin-left:10px !important
}
}

PageFlyVictor_0-1676682726119.png
PageFlyVictor_0-1676682726119.png720×678 176 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

1 Like