Sticky Mobile Menu with social buttons and sticky mobile top bar

I’ve tried the few functions.php edits and the quick css, but nothing has worked.

1. I’d like the mobile hamburger menu to be sticky.

2. I’d like the top bar to be sticky in mobile, but it is currently only sticky in desktop.

3. I’d like the social buttons to appear below the menu items when you open the hamburger menu in mobile view. I did add a snippet, but it made them above the menu items and vertically spaced, instead of how they appear horizontally in desktop view. Furthermore, when I added that snippet, social buttons stopped having their respective hover state colors.

Currently i appled:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
    position: fixed;
}
.responsive #top #main {
    padding-top: 131px !important;
}
}

But it makes the entire mobile header sticky.

• This topic was modified 6 years, 5 months ago by ytaras.