Solved

Menu icon in left side

Suco
Explorer
109 0 14

IMG_2634.jpeg

 Hello guys , can help to change the side of menu for left  ? On mobile e desktops view 

I use refresh theme 

 

https://www.behumblee.com/

Pass-Humblee3030

 

Accepted Solutions (3)
BSSCommerce-HDL
Shopify Expert
733 242 254

This is an accepted solution.

Hi @Suco

You can try this code by following these steps:

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

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

@media (max-width: 988px) {
   header.header {
   display: flex !important;
   }

   header-drawer {
     order: 1 !important;  
   }

   .header__icons {
     order: 2 !important;
   }

   .header__heading {
     margin-right: auto !important;
   }
}

 

Here is result: 

BSSTechVenture_0-1716222362692.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

PageFly-Noah
Shopify Partner
1261 223 256

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @Suco please check this file, you can change position right header:

PageFlyNoah_0-1716223195746.png

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

PageFly-Theodor
Shopify Partner
652 81 95

This is an accepted solution.

Hi @Suco ,
This is Theodore from PageFly - Shopify Page Builder App.

You can check here:

 

PageFlyTheodor_1-1716223571984.png

 

 


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 5 (5)

BSSCommerce-HDL
Shopify Expert
733 242 254

Hi @Suco, I don't see your menu icon 

BSSTechVenture_0-1716217882078.png

 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Suco
Explorer
109 0 14

Can you check now pls 

BSSCommerce-HDL
Shopify Expert
733 242 254

This is an accepted solution.

Hi @Suco

You can try this code by following these steps:

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

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

@media (max-width: 988px) {
   header.header {
   display: flex !important;
   }

   header-drawer {
     order: 1 !important;  
   }

   .header__icons {
     order: 2 !important;
   }

   .header__heading {
     margin-right: auto !important;
   }
}

 

Here is result: 

BSSTechVenture_0-1716222362692.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

PageFly-Noah
Shopify Partner
1261 223 256

This is an accepted solution.

This is Noah from PageFly - Shopify Page Builder App

 

Hi @Suco please check this file, you can change position right header:

PageFlyNoah_0-1716223195746.png

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

PageFly-Theodor
Shopify Partner
652 81 95

This is an accepted solution.

Hi @Suco ,
This is Theodore from PageFly - Shopify Page Builder App.

You can check here:

 

PageFlyTheodor_1-1716223571984.png

 

 


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.