Top Menu and Buttons Only Appearing when rolled over

Your font color for topmenu is set to white so is your topmenu background.

So your topmenu is not visible.

For u to see your topmenu icons, you need to change the color to a color that can be visible on white background.

copy and paste this code to your custom CSS

.topbarmenu ul li a {
color: #dd3333; }

You can change the color to the color of your choice.

I placed the same color you used for your primary menu.

Hope this helps.

For your primary menu, I noticed that when I hover on them they tend to disappear.

You need to change the color you chose for menu hoover to a color that is visible to a white background.

If you didn’t set a custom css for hoover then you will need to look at your setting on primary color 20% setting.

You can locate this at Appearance – theme options – basic styling and check you setting for 20% lighter than Primary Color. This is used for hoovering effects.

Hope this helps.