Docs

[kaylaadrianna]

Hi! I have two requests for help

1. I’ve added some custom css to get a full width logo to show up in mobile, but I’m left with extra white space above and below the image. Can you help me with code to get rid of that?

2. Is there a way to change the menu items that are linked to the mobile hamburger icon?
Everything is perfect on desktop, but on mobile, I’d like to remove the topbar and have that menu appear when the hamburger icon is clicked. Is that possible?

[kaylaadrianna]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.x-nav-wrap.mobile .x-nav {
    background: rgba(0, 0, 0, 0.5);
}
@media (max-width: 979px){
    .x-logobar-inner {
        padding: 0 !important;
    }
    .x-topbar {
        display: none;
    }
}

Let us know how it goes!

[kaylaadrianna]

Brilliant! You guys really are the best. That fixed the spacing issue and hide the topbar 🙂 Do you know if it’s possible to link a different set of menu items to the hamburger icon though?

[Thai]

Do you know if it’s possible to link a different set of menu items to the hamburger icon though?

Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

[kaylaadrianna]

No problem! Right now the menu icon leads to the primary menu I have set up on desktop (“Buy tickets” on the left, the logo in the middle and “Find tours” on the right). When the site switches over the mobile, I’d like the menu icon to link to the “topbar menu” I had set up (the one that shows up in the yellow topbar – “Home”, “Contact” “About Us” etc).

Would that be possible to do?

[kaylaadrianna]

photo for reference

[Rupok]

Hi there,

Thanks for writing back. Mobile menu is possible for primary menu only. So it won’t be possible for the secondary menu you are using at Topbar.

But you can use Superfly to create the secondary menu.

Cheers!

[Author]

Posts