Canvas Support

Changing pixel size in which the menu collapses and another issue

1 reply · opened Jun 22, 2020

MmorhsnJun 22, 2020

Hi there,

Two questions:

  1. How can I change the size in which the navigation menu becomes a mobile menu? We have too many items in our menu to work with the current pixel breakpoint so we want to make it so that when the screen size is as small as 1250px or less, it switches to the mobile menu.
  2. For some reason, some of our pages are showing an extra space to the right of the content wrapper. If we use Chrome Developer Tools, it doesn't
    show this excess white space as part of the page's code so we don't know where it's coming from. Can you please check and advise? You can see the issue on this page: https://mhdev.maple-hosting.com/netherlands-dedicated-servers

Thank you!

SSemicolon WebSTAFFJun 23, 2020

Hello,

  1. Since this is something related to Customization, you will need to do this manually. You will need to do the following things:

a. Create the following Media Query at the top of the css/responsive.css File: 

@media (max-width: 1799.98px) {
    ... #header, #primary-menu related CSS codes
}

b. And then move the #header, #logo and #primary-menu Related CSS Code Blocks from the @media (max-width: 991.98px) to the above code.

  1. Find the following code which holds the Equal Sized Color Boxes:

and add the .mx-0 Class to it.

This will definitely work fine. Hope this Helps!

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
Changing pixel size in which the menu collapses and another issue · Canvas Template Support