• Priority: 0
  • Status: Closed
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 11.06.24, 12:24
  • Opened by: Fabrice Druart
  • Closed by: Anonymous Submitter
  • Closed on:
  • Reason: Not a bug

Ticket #25599 - Mobile menu different from PC menu

Hello,

I don’t understand why my menu list on pc is different from the one on mobile. For example, on pc the “Outlet” submenu appears at the end but not on the mobile menu. How can I display the “outlet” at the end on mobile?

Comments

Fred 11 Jun 2024, 17:16

I have enabled mobile menu on desktop and see the same menu, the only difference is in "Outlet" item order https://take.ms/I5xyc

Fabrice Druart 12 Jun 2024, 10:44

Thank you for your reply. I would just like the outlet to be at the end of the menu like in the pc version. I don't see where I can change this

Fred 12 Jun 2024, 23:05

The issue has been fixed. Please test to confirm the change

Fabrice Druart 13 Jun 2024, 11:54

Hello,
There is an urgent problem on the mobile menu. It is no longer possible to remove the menu on certain phone formats.

Fabrice Druart 13 Jun 2024, 11:56

Quand on arrive sur le site web. Le menu mobile s'ouvre directement et sur cet iphone on ne sait pas l'enlever

Fabrice Druart 13 Jun 2024, 11:56

In ENGLISH : When you get to the website. The mobile menu opens directly and on this iphone you can't remove it.

Fabrice Druart 13 Jun 2024, 12:09

I've fixed the problem of the window that opens directly when you arrive on the site. The problem is that I had to remove two lines of code that you put but the outlet is no longer at the end of the menu. Here's the code you put in:

@media (max-width: 1024px) {

  #top-menu {
      height:auto;
      flex-direction: column;
      display: flex;
  }
  #top-menu .rose_menu {
      order:1
  }

}

Here's the code I had to correct:

@media (max-width: 1024px) {

  #top-menu {
      height:auto;
  }
  #top-menu .rose_menu {
      order:1
  }

}

Fabrice Druart 13 Jun 2024, 12:12

Is there any other way of putting the outlet menu at the bottom of the menu without it appearing as soon as you enter the site?

Fred 13 Jun 2024, 23:19

Yes, my bad, sorry. I didn't check that before applying the fix.
Please try updated css solution

#top-menu[style="display: block;"] {
    display:flex !important;
    flex-direction: column         
}
Fabrice Druart 14 Jun 2024, 11:25

Thanks for your answer, it's better now.

I have a problem with the menu on mobile, as you can see on the screenshot. When I click on a submenu, the display puts a big white area. I've tried to delete the photos that were in my menu, but they're still displayed.

Can you tell me what the problem is? Many thanks to you

Attachments:

mobilebug.png (104.7 KiB)
Fabrice Druart 14 Jun 2024, 15:11

The problem come from this code : /*
@media (max-width: 1024px) {

#top-menu[style="display: block;"] {
  display:flex !important;
  flex-direction: column ;        

}*/

I have enable it and i don't have the problem but the outlet is not in the end of the menu

Fred 14 Jun 2024, 20:44

Another part seems to be missed

#top-menu .rose_menu {
      order:1
 }