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

  • WinfriedH

    #10119

    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.,

    Cheers

    Winfried

    Admin

    Syahir Hakim

    #45394

    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.