Responsive break point change

1 reply · opened Nov 8, 2016

DdotlaboratoryNov 8, 2016

The navigation menu my client has given me is too wide for the responsive break points in Canvas. On an ipad mini in landscape mode, the navigation menu gets pushed below the header, ruining the page.

How can I change the CSS so that the mobile menu (with the hamburger icon) appears at 1024px wide, please?

SSemicolon WebSTAFFNov 8, 2016

Hello,

This is Definitely Possible but you will need to move all the #header, #logo and #primary-menu Related CSS Code Blocks in the css/responsive.css File from the @media (max-width: 991px) Media Query to inside the @media (max-width: 1199px) { ... } Media Query.

This will enable the Mobile Menu in iPad Landscape Mode. Let us know if we can help you with anything else or if you find any further issues.

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