How can I switch mobile navigation to display on bigger screens than smartphone?

  • WinfriedH


    Hello there Syahir,

    Thank you for your support regarding hovering and dropdown menu.

    Now I have to come up with another question:

    Where and how can I change settings to get the “mobile navigation” to display (and the “normal menu” to disappear)?

    Currently the switch happens when I view my website on “Extra small devices (phones, less than 768px)”.

    I need the switch at a width of 1050 pixels.

    I tried already to set the value to 1050/1049 in responsive.css (instead 768/767).That did not work.

    Where (in which css or php) do I have to change what to get that working the way I need it?

    Thank you very much in advance for your further support.,




    Syahir Hakim


    Hi Winfried,

    That breakpoint setting is defined in the Bootstrap framework, and not in Franz Josef’s own code. So you will need to modify Bootstrap’s CSS file franz-josef/bootstrap/css/bootstrap.css.

    Note that the theme does not load this file, but the minified version of it franz-josef/bootstrap/css/bootstrap.min.css, so after you’ve modified the non-minified CSS file, you’ll need to copy it over as the minified CSS file.

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

  • You must be logged in to reply to this topic.