I think you are going to have to put the project file up for anyone to be able to give any sort of solution

Forgive me I'm not exactly certain how I'd do that. Am I supposed to export the file and attach it to a post?

no save the project file to somewhere you can find it (even give it another name if you want, that way your original project file will be preserved untouched,, and then if it's fairly large the zip it (not essential) then go to dropbox.com on the internet if you don't have dropbox account open one (it's free) & simple to do.

Once you have the account open upload to bring the project file to your storage area (either choose the file location or drag & drop into the storage area window)

once its in your storage area,, you will see a blue button "SHARE" select that button, and when the pop up box opens, select CREATE LINK,, once that's done select COPY LINK,, then back to this forum and paste the link,, that way we can get your project file and have a look at whats going on and then give you better advice.

I got you here: https://www.dropbox.com/s/6mbswyqb15ywx … l.rsd?dl=0

Okay so a couple of things I may have tinkered with the menu between pages to where it isn't consistent. The other thing is that at least one of the pages has a whole new menu format on it that I was experimenting with and seems to be more mobile friendly without causing issues. I really just want to get solid on the menu components so I can bend them to my will for future projects and to get a full understanding of their limits & capabilities. Hopefully this will achieve something.

Well I got it ok, so I am having difficulty understanding what you wish to achieve
You have a lot of breakpoints that don't actually do anything constructive as far a styling & design goes, there is one at 1700px, which could easily be gotten rid of without any detriment to the design.But then that got nothing to do with menu's really,, just for your information though, I safely got rid of the lowest 2 breakpoints and the one at 1700px, without causing any problems to your design

I wouldn't even try to "Bend Them To Your Will" except for changing font styles padding colours etc, the components have been made to function at all viewports, it is possible to make some alterations to for example making the mobile menu indicator appear/disappear sooner or later than the built in point, by changing the position display=none to block, BUT USE the apply to ID to do that not class name.

On your index page you need put back the second class name "mobile menu toggle" to the container holding the menu & hamburger thingy (not really hamburger but that container)
The page that has the different style menu looks ok too, but so do the others (except you have caused a few little things to go haywire by tweeking.

So your options are
1/ decide which style menu you want for your pages
2/ Get it looking how you want (by styling not messing with other settings, which will cause it to stop working correctly)
3/ make a symbol from the column or even the row for the one that you have styled and looks like you want, put that symbol into your other pages.

If you want change the STYLING only on any menu one one of the other pages then just un-link that one and make your changes to the styling

Your index page works fine at mobile views once you put back that second class name,, as do all the other pages, so you could use that as the symbol to put it into your other pages

I forgot to mention that you also need get rid of the data animate from the container with the Menu & Hamburger thingy (which by now you should have added the second class name. )

Why that container needs an animation i'm not really sure (and the original component doesn't have it ) that was another thing that caused it to not work the way it was designed to do.
After that you are good to go and make the symbol, then every other page will be the same,, (some pages have gone really haywire because of class names, wrap or no wrapping, flexing etc.

I would suggest that you make your lowest breakpoint at the 400px mark, then working from the left of that point
it might be a good idea to alter the col-spans for the "Follow Us On Social Media,,, Company Info..... & Your Location to 12 column spans, that way they don't look too squished, you can then move to the right of that breakpoint and put the column spans back to 4 spans or 6 spans with a push of 3 spans for the last column until you reach the default (blue breakpoint,) at which point make all 3 columns 4 column spans.

Ok got the mobile menu to work! But now...it doesn't show up on the desktop. You said something about changing the display or something between breakpoints? I'm going to give that a try.

BINGO Thanks for your help!