Issue with Coffee Page Menu on Mobile

[mantis]

Hello,

I’m currently building a new webpage using the “Coffee” template from your collection. I’ve tried to fix an issue on my own, but I’m stuck.

After running some tests, I noticed that the same issue appears on your original Coffee page as well—so it’s not just happening on my version.

On the mobile version of the site, when you open the menu, the links appear partially outside the visible frame. If you need more details or a screenshot, I’d be happy to provide them.

Thank you!

---

[Support]

Hello, thanks for your purchase and sorry about that issue, please try to add this:

(css/custom.css)

@media (max-width: 991px) {
    #header .header-nav-main {
        position: absolute;
        background: transparent;
        width: 95vw;
        top: 100%;
        left: 100%;
        transform: translate3d(-100%, 0, 0);
        margin: 20px 0;
    }
}

---

[mantis]

Thank you for your help, the bug with dropdown menu on https://www.okler.net/previews/porto/12.1.0/demo-coffee.html is fixed!

---

[Author]

Posts