Mega menu small problem

3 replies · opened Sep 30, 2021

Aadante-systemsSep 30, 2021

Hello,
I'm not able to implement .mega-menu-small item properly in combination with SEO demo.
When you open the menu items are smushed together. But, when you scroll down, while menu keeps on top of the page, mega-menu-small works just fine. What am I missing here?

Thanks

SSemicolon WebSTAFFSep 30, 2021

Hello,

Apologies for the Inconveniences caused and Thanks for reporting this. There is a minor bug in the Code.

  1. Find the following code in the style.css File:
    [ch_pre type="css"].floating-header:not(.sticky-header) .mega-menu .mega-menu-content[/ch_pre]

and replace it with:
[ch_pre type="css"].floating-header:not(.sticky-header) .mega-menu:not(.mega-menu-small) .mega-menu-content[/ch_pre]

  1. Find the following code in the demos/seo/seo.css File:
    [ch_pre type="css"]#header:not(.sticky-header) #header-wrap .container[/ch_pre]

and replace it with:
[ch_pre type="css"]#header:not(.sticky-header) #header-wrap > .container[/ch_pre]

This will definitely fix the issue. We will release an Update shortly to address this. Hope this Helps!

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

Aadante-systemsOct 1, 2021

Hello thanks for this fix.
It works.

SSemicolon WebSTAFFOct 1, 2021

Hello,

Glad that the issue was resolved. 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