Genesis - Disable top navigation fixed positioning

If you need to disable the fixed/sticky positioning of the top navigation bar in your theme, we'll show you how in this tutorial.

1. Locate your theme name below and copy the code for your theme.

2. Go to Appearance > Customize > Additional CSS.

3. Paste in the code in the box, and then click Publish.

Amelia, Charlotte, Pippa, Uptown

@media only screen and (min-width: 1022px) {
.nav-primary {
    position: unset;
    margin-top: 0;
}
.site-container {
    margin-top: 0;
} }

Ivy & Lane

@media only screen and (min-width: 1022px) {
.nav-primary {
    position: unset;
    margin-top: 0;
}
.title-area {
    margin-top: 26px;
} }

Magnolia

@media only screen and (min-width: 1022px) {
.nav-primary {
    position: unset;
    margin-top: 0;
}
.site-header {
    padding-top: 0;
}
.header-image .site-header {
    padding: 0;
}
.site-container {
    margin-top: 0;
} }

Mia

@media only screen and (min-width: 1022px) {
.nav-primary {
    position: unset;
    margin-top: 0;
}
.offscreen-content-icon, .offscreen-content-toggle {
    position: absolute;
    margin-top: 4px;
}
.site-container {
    margin-top: 0;
}
.title-area {
    padding-top: 40px;
} }

Vivienne

@media only screen and (min-width: 1022px) {
.nav-primary,
.site-header {
    position: unset;
}
.offscreen-content-icon,
.offscreen-content-toggle.offscreen-content-icon,
.offscreen-content-toggle.offscreen-content button,
.offscreen-content-icon button {
    position: absolute;
    margin-top: 10px
}
.site-container {
    margin-top: 0;
}
.site-header {
    padding-left: 0;
}
.site-title {
    padding-left: 40px;
} }

All Simple Themes

@media only screen and (min-width: 1022px) {
.nav-primary {
    position: unset;
    margin-top: 0;
}
.nav-primary-active .site-container {
    margin-top: 0;
} }