6 replies · opened Apr 19, 2016
hi there
i am having problems with my navigation and header (style 2 with menu below logo) when i make the screen smaller on of the menu items falls below the menu bar and when it gets even smaller or the menu items disappear without a alternative menu (mobile) please help with possible a alternative menu when it reaches the width when the menu item falls below and when it disappears
second picture showing menu item below
Hello,
According to your Issue, it appears that there are more Menu Items in your Header than it can accommodate in the available width. Please consider adding the following CSS code:
.device-md #primary-menu ul li a {
padding: 0 12px;
font-size: 14px;
letter-spacing: 0;
}This should fix your issue. Let us know if we can help you with anything else or if you find any further issues.
hello
thank you the css code fixed the issue of the menu item going below the rest
however, the issue of the menu completely disappearing when it gets smaller is still there w ...as well as on mobile devices
the website is www.ciinternationl.net
Hello,
We have just checked out your Website and it appears that you have deleted the #primary-menu-trigger Element from the HTML Code which is causing this issue. Please add this back again referring to the Default Templates at its appropriate location and this issue will be automatically resolved. Find and add the following code:
Do let us know if we can help you with anything else or if you find any further issues with Canvas.
Thank you!!!
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