Top menu bar problems

Hey prerules,
Thank you for the link to your site, it looks like right now you have the top bar disabled so I’m not seeing it at all. But from your screenshots it looks like you are showing a secondary menu in the top bar. If you want to hide it on mobile we can offer some css to do so, with eight menu items it will show as multiple lines.
We could also help you show only two or three menu items on mobile so your most important items will show.
As for the difference between your logged in and out views, I think that this maybe related to a caching plugin, are you using one? Try disabling it and check again, if not please include an admin login in the Private Content area so we can check and be of more assistance.

Best regards,
Mike

Hi,
Thank you for the link to your site, I enabled the WP Rocket to see what could be the cause for the topbar menu error, and it seems to be the WP Rocket setting “Optimize CSS delivery” I disabled this and tested your homepage with Windows in Chrome, Firefox, & Edge in a separate logged out window and this seems to have solved the issue. Please clear your browser cache and check. I would not worry about this option because you are using the theme option Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression which should be the same thing, sometimes using two options to do the same thing can cause errors.
To disable the topbar on mobile I added this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 980px) { 
	#header_meta {
		display: none;
	}
}

I choose 980px because that is when your topbar started doubling up, if you want to change it to when the burger menu is not shown, try changing it to 990px.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike