How do I display the same navbar/menu styling for desktop and tablet views?

Chrislini · August 6, 2020, 11:44am

I’d like to display the same ‘webpage like’ navigation on desktop and tablet views. How do I tell tablet mode to use the desktop menu, and to stop displaying the mobile menu?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Paul_Rodriguez · August 6, 2020, 12:10pm

Hello Chris,

you can achieve that by selecting the landscape mobile view in the Navbar Settings:

Chrislini · August 6, 2020, 6:51pm

I tried that, but it only hides the menu icon/button. The button does need to hide, but the problem is the nav menu is still styled like mobile.

Paul_Rodriguez · August 7, 2020, 6:52am

Maybe there’s some custom styling to the elements that need to be cleaned up. If you hide the icon the menu should inherit the style from the desktop view.

Do you mind sharing your read-only link so that we can check the issue?

Chrislini · August 7, 2020, 9:26am

Thanks Paul, I appreciate your help. Here is the read-only link.

https://preview.webflow.com/preview/airlini-full-website?utm_medium=preview_link&utm_source=designer&utm_content=airlini-full-website&preview=2d1cc26fdcc0c0eb7780e8092cc8910a&mode=preview

Paul_Rodriguez · August 7, 2020, 2:37pm

As I can see there’s some class applied to the tablet view, maybe that’s the issue:

Try clearing them also for the children elements of the Navbar and that should work!

Chrislini · August 10, 2020, 6:34pm

Thank you Paul, I will give that a try.