How to fix menu

rocco
21 Posts
rocco posted this 10 November 2021

Dear Support,
we are using an inline-block menu and it works fine but we would like each menu item to wrap.
www.myesis.it

in the first entry this does not happen
the second and third entries are shown correctly due to the length of the name

how do we show a menu item for each line while keeping the menu horizontal?

Dear Support, we are using an inline-block menu and it works fine but we would like each menu item to wrap. www.myesis.it in the first entry this does not happen the second and third entries are shown correctly due to the length of the name how do we show a menu item for each line while keeping the menu horizontal?
horizontal-menu
Schermata-2021-11-10-alle-14.58.21.png
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Vitaliy WD
500 Posts
Vitaliy WD posted this 10 November 2021

Hello.

Try to use block instead of inline-block for menu item.

Or add a custom CSS code:

.bd-menuitem-2 {
    display: block;
}

Hello. Try to use `block` instead of `inline-block` for menu item. Or add a custom CSS code: .bd-menuitem-2 { display: block; }
rocco
21 Posts
rocco posted this 10 November 2021

great!! it works fine :)
BEst

great!! it works fine :) BEst
selena.morris.uk
1 Posts
selena.morris.uk posted this 14 November 2021

Hello there! i'm new to this website :)

Hello there! i'm new to this website :)
rocco
21 Posts
rocco posted this 16 December 2021

Dear Support,
thank you so much but.. we can show a new problem into secondary sub menu.

Please, look at the screen or try to see on mobile SERVICE menu
www.myesis.it

Hello.

Try to use block instead of inline-block for menu item.

Or add a custom CSS code:

.bd-menuitem-2 {
    display: block;
}

Dear Support, thank you so much but.. we can show a new problem into secondary sub menu. Please, look at the screen or try to see on mobile SERVICE menu www.myesis.it > Hello. > > Try to use `block` instead of `inline-block` for menu item. > > Or add a custom CSS code: > > .bd-menuitem-2 { > display: block; > }
IMG-26F373E7964B-1.jpeg
Support Team
Support Team posted this 17 December 2021

Hello,
Try adding this code as well

@media (max-width: 767px) {.bd-toplevel-item:not(.bd-megamenu) .bd-menu-2 .bd-menuitem-2 {
    float: left;
    width: auto;
    clear: both;
}}

Gina
Themler Support

Hello, Try adding this code as well @media (max-width: 767px) {.bd-toplevel-item:not(.bd-megamenu) .bd-menu-2 .bd-menuitem-2 { float: left; width: auto; clear: both; }} Gina Themler Support
You must log in or register to leave comments