• Hello, is any way to change calling mobile menu function sooner… I mean now is mobile menu started at width: 479px, but before that there are two lines with links which isn′t really nice, so I would like to change normal menu to mobile menu from width: 961px is it possible? Thank you for help…

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi Martin. Not sure what you mean by “two lines with links”. Can you post a link to your site? Thanks.

    Thread Starter Martin Kou

    (@martin-kou)

    Yes here it is… sorry for my language skils ??
    https://bezvamama.cz/

    I mean that I would like to call mobile menu sooner than it is now… for example on my iPad is header menu in two lines, because of lot of “buttons” or “links” ??

    A responsive theme is difficult enough to create, but it’s even more difficult to try and take it apart. Conceptually this is possible, bit it’s not pretty. You would need to copy several responsive queries for the navigation menus from the parent theme style.css file and add them to a child theme or other custom css (and maybe combine them), change the min-width/max-width conversion points, then remove the same media queries from the parent them style.css. The media queries in the parent theme will be reinserted if you upgrade the theme so you’d have to remember to remove them after the upgrade. You’d also need to copy one part of a media query out of the parent theme responsive.css file and place that in the appropriate media query you copied from the parent style.css file. After all that, it will compress the menus at an earlier point but, if you expand them, they still expand in their native form; i.e. on two horizontal lines.
    There are plugins to create mobile views, like WPtouch Mobile, but I don’t know how well they play with a responsive theme.

    Thread Starter Martin Kou

    (@martin-kou)

    Thank you, Im using child-theme so I will try to do something in css files… hopefully it will help ??
    Thanks again! Your support is really helpfull!

    You’re most welcome. Sorry I didn’t have a better answer for you.

    Hi Martin,

    I’ve inspected your page and I’ve put this code:

    .col-3cl .s1 {
    margin-right: -100px;
    display: none;
    }

    It seemed to solve the problem. If that’s what you want, you can just add this code to your Custom style sheet and only one line will appear. Hope that helps. Regards Chris

    Thread Starter Martin Kou

    (@martin-kou)

    Hi Chris, thank you for answer but I′m not sure what do you mean… this code will hide sidebar, but I need to load mobile menu.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘mobile menu – may it start sooner’ is closed to new replies.