Menu doesnt displays correctly on some mobile browsers

Highlighted
Tourist
5 0 1

Explorers Compatibility / Responsive Design

Hi, i have a problem with my shopify theme, the catalog menu is not displayed correctly on mobile browsers (Chrome, Safari..) Until now i just have seen it displays correctly on the Xiaomi Browser: "Mi Browser" I would like to have the same menu structure on every explorer.

 

This is how the shopify customize panel show's me the catalog structure (That's exacly how i want it to look like in every browser)

The order:

  • Products list
  • Categories list
  • Color list
  • Shipping criteria

 

1a.png2a.png                        

 

 

 

Otherwise in the mobile browsers the structure is switched and showed like this:

  • Categories list
  • Color list
  • Shipping criteria
  • Products list

2b.jpeg1b.jpeg                             

 

 

Also there is another problem in the mobile displaying, when the phone's screen turn to horizontal mode, the menu dephase to the right and chop several amount of products:


WhatsApp Image 2020-10-14 at 11.27.46 AM2.jpegWhatsApp Image 2020-10-14 at 11.27.46 AM.jpeg

Is there any way to fix this? or make it more responsive? I have interest to have my catalog at first and the menu at the bottom, this definetly determines the sales amount a little bit.

0 Likes