Twenty-Twenty-Two Child Theme Mega Menu

For the ‘Everything’ submenu, you can target it and then set the width to simply fit the content. nav.wp-container-2 li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container { width: fit-content; } This worked for me on StackBlitz, but you may need greater specificity (MDN) to target the element in your project. Note that you can also flag it as important (MDN) … Read more

Convert a custom bootsrap based menu to wordpress nav walker

The easier way is to use Wp Bootstrap Navwalker script here: https://github.com/wp-bootstrap/wp-bootstrap-navwalker. It’s already built to handle all the Bootstrap to WordPress dynamic styling. All you would need to do is include file in your functions.php file. require_once get_template_directory() . ‘/wp-bootstrap-navwalker.php’; And add the php code to the Bs Navbar links area of the code. … Read more

Navigation menu displays permalinks

Since the (#url) isn’t displayed in the source, I suspect this is being placed there by CSS with a rule like: #menu a:after { content: “#”attr(href); } If I had to guess it’s a print stylesheet run amok, possibly from a plugin.