Assign Mobile Specific Menu for Top-Bar Display on Mobiles/Tablets

[Hypnotised]

Hey Swift,

I’ve done a good bit of searching through previous threads and got close to achieving what I wanted but I’m not quite proficient in CSS yet.

I’ve created a specific Mobile Menu which is a shortened version of the Main Menu/Top Bar Menu. I’ve added some custom CSS based off of what I’ve found on the forum which is:

@media only screen and (max-width: 767px) {
#mobile-menu,
#top-bar .tb-right {
display: block;
}
}

However I think the third line is overriding the specified menu and reverting back to the original Top-Bar menu.

I look forward to your assistance. 🙂

Cheers,

Isaac

[Kyle – SUPPORT]

Hi

Not sure what you’re trying to do? Do you want to show the topbar on mobile?

– Kyle

[Hypnotised]

Hi Kyle,

I am already showing top bar on mobile, I just want to change the menu to a dedicated menu for mobiles/tablets and keep the current top bar menu the same for Desktop/Laptop devices.

Cheers,

Isaac

[Kyle – SUPPORT]

Unfortunately that’s not currently possible, it’s only possible to change the main menu for mobile, as the topbar isn’t supposed to be used at all on mobile.

I’ll put forward to the developer, however this hasn’t been requested before. You may need to hire a developer to do it for you

– Kyle