Hueman theme mobile topbar not sticky on posts

Hi platingpixels. The topbar sticks down to 1025px width. Below that it scrolls. To keep it fixed on mobile you could try adding this to your custom css (it’s the same css used in the theme but with a max-width instead of min-width):

@media only screen and (max-width: 1024px) {
/* fixed nav */
.full-width.topbar-enabled #header { padding-top: 50px; }
.full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
.full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
}

Thanks but that didn’t seem to work. I was able to move the ad down in my header file but didn’t fix. I found this css that did stick the mobile top bar.

.full-width #nav-topbar.nav-container {
position: fixed;
}

But now my google ad is hidden below top bar on mobile. Is there a way to move that down or add padding above it?

Try this in your custom css:

/* push ad below topbar on mobile */
@media only screen and (max-width: 1024px) {
    .code-block-8 {
        margin-top: 58px !important;
    }
}

I was able to add div padding to my header ad within the Ad Inserter plugin I’m using. Appears to be working fine.

Except my admin menu bar isn’t sticky on mobile. Technically that’s fine since users don’t see that. Thanks!