Avoid menu shortening on mobile displays

It started out wrapping like you prefer, but the design was to do the shortening. That is done by a script and CSS, so if you dequeue the script, you can see how you need to fix the CSS.

Thanks! I thought it was something simpler. It’s a shame only by one element to shorten it, maybe with some ability to increase or decrease the size of the menu it can work…

Best

Joy wrote:

“That is done by a script and CSS, so if you dequeue the script, you can see how you need to fix the CSS.”

What script needs to be dequeued, and how would I do that? (I know I’ll need to add some code to my child theme functions.php, but what?)

Thanks!

@denis24
This worked for me, added to bottom of functions.php

function dequeue_priority_menu() {
   wp_dequeue_script( 'twentynineteen-priority-menu' );
}
add_action( 'wp_enqueue_scripts', 'dequeue_priority_menu', 100 );

@denis24 and @kimball31 , when the theme is updated, this modification gets wiped, is that because I don’t have a child theme?

Also, wondering if there’s a just CSS option to get the same non-collapsing behavior?

Thanks in advance!

• This reply was modified 5 years, 5 months ago by jaywaltm.

when the theme is updated, this modification gets wiped, is that because I don’t have a child theme?

Yes, you’ll need to either create a child theme: https://developer.www.ads-software.com/themes/advanced-topics/child-themes/

Or, use a functionality plugin: https://www.ads-software.com/plugins/code-snippets/

Also, wondering if there’s a just CSS option to get the same non-collapsing behavior?

No, this is a structural change and requires more than simple CSS styling.

Is there a simple CSS option to get the same non-collapsing ellipsis… behavior?

• This reply was modified 5 years, 5 months ago by Ron the Web Guy.
• This reply was modified 5 years, 5 months ago by Ron the Web Guy.

No, this is a structural change and requires more than simple CSS styling.

CSS controls how pages look, not how they act.

Got it. Thank you @macmanx ??