Docs

[Edward Williams]

Hey there!

The top bar navigation links aren’t accessible on mobile. Not sure if its due to how they’re set up, but I can’t get them working for the life of me.

[Edward Williams]

This reply has been marked as private.

[Prasant Rai]

Hello Edward,

Thanks for writing in!

Unfortunately i am unable to replicate the problem. Navigation menus are working perfectly fine on mobile. Can you please confirm again?

http://screencast.com/t/qcjpvdrwW6

Thanks.

[Edward Williams]

The top bar links: Log In, Shop and About. Not the links in the regular navigation bar.

[Edward Williams]

For whatever reason, this won’t install.

Access to the site has been provided above in a private message.

Thanks!

[Rue Nel]

Hello There,

I am another staff checking on this thread! I have inspected the mentioned issue and it seems that the social icons is on top of the links that is why you cannot click on it. I would suggest that you update your css code and also add the following:

@media(max-width: 979px){
    .x-top-nav {
        margin-left: auto;
        margin-bottom: 0;
    }

    .x-topbar .x-topbar-inner.x-container.max.width {
        width: 95%;
    }

    .x-topbar .x-social-global {
        float: right;
        min-width: 100px;
    }

    .x-topbar .x-social-global a {
        margin: 0 5px;
    }
}

This should prevent the icons from obstructing the links when you hover.
We would loved to know if this has work for you. Thank you.

[Edward Williams]

That worked!

Thank you so much!!!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts