The new menu item doesn’t look like the rest. How do I fix it?

The style you want is meant for items with sub-menu items. It appears that some custom CSS was added for the existing items that have no sub-menu items, so you’d do the same for flowmeters. Add this to the Additional CSS customizer section:

li#menu-item-69247 a:first-child {
    background: #555;
    color: #fff;
    padding-left: 10px;
    font-weight: 600;
}

Thanks!

It worked. It used to be automatic. I don’t know why it wasn’t working. Maybe it has to do with the way I created the page? I recently updated a few things in WordPress, maybe new page creations will do it automatically like before.

Saaayyy…

I manage to add the side menu on the flowmeter page, but the menu on the flowmeter page isn’t the same as the rest of the pages. The letters are turning blue instead of turning the background blue…

This is the page of the flowmeter with letters in blue
/flowmeters/

This is an example of a manifold page, with the manifold background turning blue instead of the letters.
/hydraulic-manifolds/

Would you happen to know how to turn the background blue instead of the letters?

• This reply was modified 2 years, 11 months ago by Steven Stern (sterndata).
• This reply was modified 2 years, 11 months ago by Jan Dembowski.

The correct menu formatting would only be automatic if the item had child items under it. All the desired formatting is related to class “menu-item-has-children”. All the earlier items with no children had custom CSS added for them.

As for the table formatting, you should mimic the HTML structure used on the manifolds page. The table title is outside of the table itself, for example:

<div class="cust_table_title">Flowmeters</div>
<table...

The column head row items should be what is inside the <thead><tr> element, not the Flowmeters title.