Canvas Support

One page with 2 navbars

3 replies · opened Apr 27, 2023

CcarabsApr 27, 2023

Love this theme!

Is there any way to have two rows in the header, each with its own navbar?

I started with the design on the following page... https://themes.semicolonweb.com/html/canvas/block-navigation-header-5.html

I replaced the form field, Sign In and Cart buttons with your normal nav. But...

attachment

This now means I have 2 "primary-menu" and 2 "primary-menu-trigger" elements. And clicking either cnvs-hamburger element opens them both. And the second (lower) button never changes to the X icon.

Besides this, I found that many classes (like dark or header-size-sm) do not actually now work on the top row nav.

Do I just need to abandon your navigation structure and fully use Bootstrap?

I have reviewed Many Many pages in the download, but I have not yet found any base Canvas examples that have 2 navbars.

Thanks.

SSemicolon WebSTAFFApr 28, 2023

Hello,

With Canvas 7, unlimited Navbars with their individual Menu Triggers are possible. We have attached the example file. All you need to do is simply define a data-target with the .primary-menu Selector (preferably an ID or unique Class).

For the Color Mode, we identify this as a bug and are actually working on an update since early this week to fix this as we were working on some demos, so this update should be available next week for sure.

For the Size, the Primary Menus are applying the Size correctly, but the Logos are not, which can be fixed by simply adding the Logo Size manually in the img Tag by adding the height="60" Attribute manually. We will eventually fix this in update too as the Sizes should be automatically applied to all the elements in the Header, but since this was primarily targeted to control the Sticky Header, it currently works for Elements only inside the #header-wrap DIV. Rest assured, we will apply this to all the Elements in the Header.

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.

CcarabsApr 28, 2023

Thank you for the reply.

Using Data source to both elements addressed the menu issue...

attachment

height="60" also works, but I will leave that as a CSS change for now.

Thank you again.

SSemicolon WebSTAFFApr 30, 2023

Hello,

Glad the issues were resolved. We will be releasing the Update related to the Light/Dark issue and the Logo Size by next week. 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.

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