Prevent header menu from wrapping around site title

Themes Inspiro
#1

I just noticed this recently when viewing my site on an iPad. It seems that as the horizontal resolution shrinks, my main menu will wrap around the site title before it disappears in “mobile” viewing mode. However, because there is a fixed resolution on tablets, it displays wrapped by default. This makes the menu difficult to use, especially because there’s a submenu within it.

Is there a way to prevent the menu from wrapping and just go immediately to “mobile” mode when it reaches that threshold?

I’ve included an image to show my issue.

headers
headers1559×1034 19.8 KB

#2

Hi @jmcrowe

This problem is caused by the following plugin installed on your website:

You can fix it easily by adding a custom PHP snippet using this plugin:

Just install the plugin and add this code to Settings > PHP Inserter:

add_action( 'wp_enqueue_scripts', 'wpz_remove_scripts', 20 );

function wpz_remove_scripts(){
    wp_dequeue_style( 'progress_wp_br_bootstrap' );
}

It seems that it loads the Bootstrap CSS library which affects many themes:


#3

Great, that did the trick. Thanks for the help!