[resolved] Remove or disable sticky top menu bar (4 posts)

  1. Azman
    Posted 1 year ago #

    Hi Alex,
    First of all, I would like to thank you for making this awesome theme free.
    I want to remove sticky top menu bar. So how can I do this?

  2. Alexander Agnarson
    Theme Author

    Posted 1 year ago #


    Do you mean you want to completely remove it? If so, just don't assign any menu to the "Topbar".

    If you want to remove the stickyness, you can remove all related css in style.css:

    @media only screen and (min-width: 1025px) {
    	/* 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; }

    Or disable it with some child theme css overrides.

  3. batharoy
    Posted 1 year ago #

    This one will "unstick" it:

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

    This one will hide it:

    .full-width #nav-topbar.nav-container {
        display: none;

    Add to the bottom of a child-theme style.css or use a custom css plugin.

  4. Azman
    Posted 1 year ago #

    Thank you both for your fast replies.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic