Navigation Bar and Tabs Problem

Hi everyone,

I’m in way over my head. I thought I would be able to handle editing a template, and while I have mostly succeeded, I’m stuck on two points.

First, my tab menu. It appears to work correctly in designer mode and preview mode, however, when live, two of my tabs go rogue and become rounded. I can not figure out where the tabs menu is getting these styles from.

Secondly, my bottom fixed navigation progress bar.
One of my points, #4 is completely different than the rest of the portions. #4 is how I would like the rest of my portions to look. I can not find any differences in the styles, settings, or interactions window between any of the portions. In editor and preview mode, the progress bar is close to being correct. When live, the progress bar is quite different, with a rounded white background and different colored text (which I think is being inherited from “All Links”)

I am at a lost. If I could go back in time, I would spend much more time learning opposed to doing.

I need guidance, if anyone has any.

Thank you.

I’m using Firefox as my browser, if that makes any difference.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)