Okay
  Public Ticket #1254007
Menu on device different
Closed

Comments

  •  17
    Marcelo started the conversation

    Hello, my site's menu is fullscreen horizontal (see link below).

    http://d.pr/i/laPD98

    In Mobile it gets vertical left upper side (see lab configuration). How to leave it in the center of the screen on the device?

    http://valencaevalenca.profissional.ws/valencachild/casa-04-ba/

  • [deleted] replied

    Hi Marcelo,

    As you may know this is a Custom question, and our support doesn't provide help for custom clients requests. I will try to help you this time but please try to understand us on this situations.

    — The menu for Mobile is totally independent from Desktop menu, please paste this code below to Custom CSS:

    .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container {
        width: 100%;
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        display: flex;
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
    }
    

    Will set this ticket as solved from here.

  •  17
    Marcelo replied

    Ylli, I understand you 100%. It is important to inform in small letters in LABORATOR that the MOBILE menu will work differently from the DESKTOP menu. If there is a fullscreen option, the mobile menu is expected to load the same as the desktop. You understand? It is a natural expectation of the client to observe this.

    I thought there was something wrong with the system.

    I will add code to test.

    Thank you very much.

  •  17
    Marcelo replied

    Hello, your code worked very well. I'm very happy. But he got left aligned. Can you leave it centralized?

  • [deleted] replied

    Hi Macelo,

    Ok, please add the code below to your Custom CSS area:

    .mobile-menu-wrapper .mobile-menu-container ul {
        text-align: center !important;
    }

    Will set this ticket as solved from here.

  •  17
    Marcelo replied

    Perfect Ylli.


    Let's go.....