tinynav disappears on mobiles

gabrielbur
Inactive member
Topic Author
Member

2 years 1 week ago - 2 years 1 week ago #49800 by gabrielbur

tinynav disappears on mobiles was created by gabrielbur

Hello,

just another responsive menu on mobiles issue: www.losmuertosspirits.com

On mobile phones, if I scroll down the page the tinynav (Hamburger) button vanishes.

Is it possible to hold the tinynav button visible while switching down the page?

Many thanks in advance to helping to solve this.

Kind regards,

Gabriel

Last edit: 2 years 1 week ago by gabrielbur.

Please Log in to join the conversation.

milos
Support Staff
Moderator

2 years 1 week ago #49801 by milos

Replied by milos on topic tinynav disappears on mobiles

Hello,

I tested your site on phone and the menu is displayed in full without scrolling. It's not possible to make the responsive menu scrollable, but you can try with this. Edit custom.css file and change this part:

Code:

.nav-collapse.opened > ul {
    background: #121212;
}

with this:

Code:

.nav-collapse.opened > ul {
    background: #121212;
    overflow-y: scroll;
    max-height: 100%;
}

If it doesn't work, the only thing you can do is to reduce the menu items height. Delete this in custom.css:

Code:

.nav-collapse.opened li {
    padding-bottom: 10px;
}

Regards,
Milos

The following user(s) said Thank You: gabrielbur

Please Log in to join the conversation.

Time to create page: 0.325 seconds