Topbar Not Showing

[marketimpress]

In WordPress editing mode can clearly see my TopBar with my call to action. Yet when I visit the actual site my Topbar disappears. Can you please let me know what I need to do to fix this?

Also, I’ve noticed that my Menu & Topbar are overlapping my content on the smaller screen devices. Is there a code I should add to my Global CSS to ensure it does not overlap content when on a smaller screen?

Thank you very much for taking a look at this issue.

[friech]

Hi Kimberly,

Thank you for writing in, the Topbar is actually there but it’s behind that black admin-bar, which is the side effect of the custom CSS added to make the topbar fixed top. Not logged-in users should not have this issue.

header.masthead-inline {
    position: fixed;
    top: 0px;
    z-index: 9;
    width: 100%;
}

You can do the fixed topbar without custom CSS if you create a header in the Header Builder.

The issue on mobile can be resolve by adding this custom CSS.

@media (max-width: 766px) {
	.home .x-main.full {
		padding-top: 105px;
	}
}

Cheers!