Joy
(@joyously)
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.
Thread Starter
juan md
(@andresmilleiro)
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 3 years ago by
jaywaltm.
Moderator
James Huff
(@macmanx)
Volunteer Moderator
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.wordpress.org/themes/advanced-topics/child-themes/
Or, use a functionality plugin: https://wordpress.org/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?
Moderator
James Huff
(@macmanx)
Volunteer Moderator
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 🙂
