Lock side bar button

  • Resolved jma_christenhusz

    (@jma_christenhusz)


    10 years, 7 months ago

    Hi there,

    I would really like to ‘fix’ the top-right hamburger menu button (toggle to sidebar) in my Minnow child theme.

    In the Minnow parent version the position of the menu button is set to ‘relative’, which means that it hovers out of sight when scrolling down.
    However, I would like it to stay in sight.

    Is there any solution to this? For instance by adding some css-code in the child style.css?

    Btw: I’m fairly new to using wordpress

Viewing 2 replies - 1 through 2 (of 2 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    10 years, 7 months ago

    Hi there, the following custom CSS will fix the menu toggle on Minnow. The last rule below is a Media Query which allows us to control things by screen/window width. It applies a padding to the right at the point that the content goes full width so that it isn’t hidden behind the menu toggle. See what you think.

    .site {
    position: relative;
}
.site-header {
    position: static;
}
.menu-toggle {
    position: fixed;
    top: 30px;
    z-index: 10;
}
.menu-toggle.toggle-on {
    right: 320px;
}
@media screen and (max-width: 1087px) {
.site-content {
    padding-right: 70px;
}
}

    Thread Starter jma_christenhusz

    (@jma_christenhusz)

    10 years, 7 months ago

    Hi sacredpath, works exellently! Many thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Lock side bar button’ is closed to new replies.