Menu get messed up

5 replies · opened Oct 13, 2021

CCarlosOct 13, 2021

I have two problems with the menu:

  1. In a desktop browser, shrink the width of the browser to simulate a smartphone screen. Now click in the "SUPORTE" menu item and open its submenu.
    With the submenu opened, resize the browser window to make it wider. The menu will get messed up.

  2. With a wide browser window, starts slowly shrinking the browser window. When it reachs some point, the search the login icons will end up below the logo. This is ugly.
    If you keep shrinking the window, the whole menu goes to the "second" line, together with the icons, and this looks better. Any way to avoid the icons going below the logo?

CCarlosNov 17, 2021

Any news about this?
Btw, the URL to test the problem now is www.firebase.com.br

SSemicolon WebSTAFFNov 18, 2021

Hello,

We really apologize for the Delays on replying to this Support Query as it was completely missed by our Support Team!

We are looking into this and will get back to you shortly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFNov 20, 2021

Hello,

Thanks for your Kind Patience!

  1. Find the following code in the js/functions.js File:
    [ch_pre]$( '.menu-container:not(.mobile-primary-menu)' ).css({ 'display': '' });[/ch_pre]

and replace it with:
[ch_pre]$( '.menu-container' ).css({ 'display': '' });[/ch_pre]

This should fix this issue.

  1. For this issue, consider using the following CSS Code:
    [ch_pre type="css"].device-lg #logo img {
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    }[/ch_pre]

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

CCarlosNov 23, 2021

Thank you! There is still a small glitch with solution 1:

When checking the solution, after shrinking the browser window and making it wider again, if you move the mouse over the option
"suporte -> Bases corrompidas", there is a line break between "bases" and "corrompidas" that doesn't exist before the resizing process.

SSemicolon WebSTAFFNov 23, 2021

Hello,

This is not due to the Solutions. This is due to the Customized Codes. Simply find the following code:
[ch_pre][/ch_pre]

and replace it with:
[ch_pre][/ch_pre]

This should fix the issue. 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