3 replies · opened Sep 29, 2020
http://themes.semicolonweb.com/html/canvas/demo-restaurant.html
the nav bar adds second line when screen size is made smaller.
how can we fix this?
Can we either make mobile menu switch sooner or can we somehow allow more space for menu items?
Hello,
Thanks for reporting this!
Currently, changing Mobile Menus on Custom Device Widths is not support but we are working on introducing this soon. Meanwhile, you can either use the following HTML Code:
[ch_pre]
[
](demo-restaurant.html)
[/ch_pre]
or you can use the following CSS Codes instead:
[ch_pre type="css"].device-lg .menu-container > .menu-item > .menu-link {
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
letter-spacing: 0;
}[/ch_pre]
This will definitely fix the issue. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
the css solution is perfect! Elegant quick and easy. You are the best!
Hello,
Very Happy to Help!
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard