I want to create many submenus that fit within the screen.

5 replies · opened Oct 30, 2023

TtrpazokOct 30, 2023

Hello SemiColonWeb
I have a question about the agency template.

I want to display many menus
However, the menu that protrudes from the screen is not displayed.

https://shopping.geocities.jp/kougurakuichi/ex/ex-img/c01-01.jpg

https://shopping.geocities.jp/kougurakuichi/ex/ex-img/c01-02.jpg

I would like to know how to change ① to ②.
Is it possible to arrange them in 2 or 3 rows?
Could you please teach me how to do it?


same again

https://shopping.geocities.jp/kougurakuichi/ex/ex-img/c02-01.jpg

https://shopping.geocities.jp/kougurakuichi/ex/ex-img/c02-02.jpg

I would like to create a 3-column submenu like ③ to ④.
Could you please teach me how to do it?


i don't understand english very well
That's why I use Google Translate
I'm glad to hear that
thank you

SSemicolon WebSTAFFOct 31, 2023

Hello,

Thanks for your Patience!

You can simply use the following code for the Menu Item you would like to add Small 2/3/4 Columns Mega Menus to:
[ch_pre]

  • Small Mega Menu

  •               [Column 1](#)
  •               [Column 1](#)
  •               [Column 2](#)
  •               [Column 2](#)
  • Small Mega Menu

  •               [Column 1](#)
  •               [Column 1](#)
  •               [Column 2](#)
  •               [Column 2](#)
  •               [Column 3](#)
  •               [Column 3](#)
  • Small Mega Menu

  •               [Column 1](#)
  •               [Column 1](#)
  •               [Column 2](#)
  •               [Column 2](#)
  •               [Column 3](#)
  •               [Column 3](#)
  •               [Column 4](#)
  •               [Column 4](#)

[/ch_pre]

You can add any number of Columns and to increase the Width of the Mega Menu, simply use the --cnvs-mega-menu-width-sm:600px; Variable as used above.

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.

TtrpazokOct 31, 2023

Hello SemiColonWeb
Thank you for your reply.

I immediately tried inserting that menu code

the result
The small menu is sticking out of the screen.
https://shopping.geocities.jp/kougurakuichi/ex/ex-img/d01-01.jpg
https://shopping.geocities.jp/kougurakuichi/ex/ex-img/d01-02.jpg
https://shopping.geocities.jp/kougurakuichi/ex/ex-img/d02-01.jpg
https://shopping.geocities.jp/kougurakuichi/ex/ex-img/d02-02.jpg

as you taught me
--cnvs-mega-menu-width-sm:600px;
Even if I changed this variable, it stuck off the screen.
https://shopping.geocities.jp/kougurakuichi/ex/ex-img/d02-03.jpg

・Small menu that does not disrupt the layout, and
・Small menu that does not protrude from the screen
Is it possible to add this in its place?
Could you please tell me how to do that?


By the way
It worked if I added it to the menu [HOME]
https://shopping.geocities.jp/kougurakuichi/ex/ex-img/d03-01.jpg

However, I
I want to add a small menu to a place like menu [PAGES]
Could you please teach me how to do that?

thank you.

Thank you to you.

https://shopping.geocities.jp/kougurakuichi/demo-agency--.html

SSemicolon WebSTAFFNov 1, 2023

Hello,

Apologies for the Inconveniences caused!

Please consider checking the File Attached to this reply. You can see the extended Sub-Menu in the Home > Sub-Menu Menu Item. Currently this is the only solution available for Sub-Menus. Further Customizations will be required in order to add the ability of even more Menu Items within the Sub-Menus.

Thanks for Understanding.

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

TtrpazokNov 1, 2023

Hello SemiColonWeb
thank you.

what i want to do
・I want to display many menus.
It seems that the number of menu items I wanted was too large.
I realized that I couldn't fit into the mega menu.

I like this beautiful menu


thank you to you

Is it possible to display many items in a different format?
I would like to imitate the menu on this website.

https://www.orange-book.com/ja/c/index.html

https://shopping.geocities.jp/kougurakuichi/ex/ex-img/t01-.jpg
https://shopping.geocities.jp/kougurakuichi/ex/ex-img/t02-.jpg

This website has a category menu on the top left
i want to this
There are so many menus in this

On this website
If you scroll the screen, you can view the menu without following the scroll.
This kind of shape or any shape
somehow
Is there a way to display multiple menus?

I really like your beautiful menu style.
The hover effect is beautiful.

Create your beautiful movement menu in any form
Is there a way to add more menus?

The desired place to place the menu is in the header.
A location other than the header can be used, such as the main content location.

I am always grateful for your help

thank you.

SSemicolon WebSTAFFNov 4, 2023

Hello,

Thanks for your Patience!

This is absolutely possible! We have attached the File with the Menu style you had requested to this reply.

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