Is there a way to have the menu switching to mobile style menu before?

  • Posted in : Efor
  • queviko
    Participant

    Dear,

    Is it possible to have the menu to switch to mobile style menu before it currently does?

    For the moment, when I reduce the width of my browser, it keeps the desktop style menu even on 2 lines… instead of switching to mobile style in order to avoid having 2 lines of menu. (see screenshot here https://pic.li/i/R7T2)

    Thanks in advance,

    Jean-Frederic

    serkan
    Moderator

    Hi,
    You can try to use this custom css code for an alternative solution

    @media screen and (min-width:991px) and (max-width: 1499px) {
    		html:not(.is-menu-bar):not(.is-header-vertical) .site-header .site-branding-wrap,
    		html:not(.is-menu-bar):not(.is-header-vertical) .site-header .site-navigation {
    			zoom: 0.82 !important; -webkit-text-size-adjust : auto;
    			} }

    Thanks

    queviko
    Participant

    Thanks a lot, but it does not solve it.

    When I reduce de width of the browser, it finally shift to 2 lines and do not change the theme menu to mobile style.

    If you want to try , you can access my wordpress account via the temp access mentioned in the private box.

    Thanks in advance,

    Jean-Frederic

    serkan
    Moderator

    Hi,
    Do not perform these tests by resize. It is useful to look at mobile, tablet and desktop.
    Thanks

    queviko
    Participant

    “Do not perform these tests by resize. It is useful to look at mobile, tablet and desktop.”

    I did that. I do not have any issue with mobile or tablet, but only with Desktop when reducing the size of the browser width.

    See again this screenshot… https://pic.li/i/sqZc
    The browser’s windows is quite large, but does not handle correctly the menu.

    As you can see, the browser width is almost 90% of the screen and already the issue appear. If I was reducting below 50% I would understand… but 90% of the screen width is not good, as most of the people not having their browser in full screen will have this display issue.

    Any parameters to improve this?

    Thanks again,

    Jean-Frederic

    serkan
    Moderator

    Hi,
    Can you reduce the number in the code I wrote as zoom 0.82 above? E.g; 0.75 can you try?
    Please keep me updated.
    Thanks

    queviko
    Participant

    Thanks Serkan. It is better with Chrome… but the issue is with Firefox.

    Whatever value I use for the zoom… it never change the size (Chrome does it correctly).

    So it seems that Firefox does not recognize the Zoom feature.
    Any alternative?

    Thanks again,

    Jean-Frederic

    queviko
    Participant

    I found a compromise… So we can close that case. Thanks

    serkan
    Moderator

    Hi, thanks for the feedback.

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register