.mobile-only, .sub-menu-toggle {cursor: pointer;}
<title>
tag from header.php and telling Wordpress to inject it through wp_head()
instead.=
for displaying the mobile menu text on the wrong part, so that there was a single pixel width where there'd be no text in the menu navigation area. We simply move the =
to the other comparison operator and it fixes it.menu.js
file:// Functions for Above Operations
function resetNav() {
if ( $(window).width() <= 1100 ) {
$('.header-menu ul.menu').css('display', 'none');
$('.sub-menu-toggle').html('▼')
closeMenu();
closeSubMenu();
}
if ( $(window).width() > 1100 ) {
$('.header-menu ul.menu').css('display', 'block');
closeSubMenu();
}
}
if ( $(window).width() <= 1100 ) {
line to the second similar line if ( $(window).width() > 1100 ) {
.// Functions for Above Operations
function resetNav() {
if ( $(window).width() < 1100 ) {
$('.header-menu ul.menu').css('display', 'none');
$('.sub-menu-toggle').html('▼')
closeMenu();
closeSubMenu();
}
if ( $(window).width() >= 1100 ) {
$('.header-menu ul.menu').css('display', 'block');
closeSubMenu();
}
}
menu.js
file contents out into a website ilke https://javascript-minifier.com/ and minify it. Copy and paste the results out and replace the contents of menu.min.js
. Then clear your cache on your browser and for your caching plugin as well..mobile-only
part was being hidden and displayed (< 1100px
), but the desktop menu wasn't popping up until > 1100px
, leaving a 1px gap.=
in the wrong spot. Thanks again to @mikey3times for noticing and providing the solution.