Change the box style of dropdown menu

Hello, I wanted to know if in this box as you can change the values ​​of paddig (right) to make sure that the longer names do not wrap?

Schermata 10-2456217 alle 12.08.51.png

That is, I want the box to be until the end of the box
as in this example:

Schermata 10-2456217 alle 12.18.38 copia.png

It is also possible put the lines between the cells as seen above?

Hi,
can you give us url to your site ?

i send you a pm

Have a solution for me?

Please try add to override.css

Code: Select all

.childcontent-inner-wrap,
.childcontent-inner,
.childcontent-inner .gkcol {
width:300px !important;
}


and set your own value. It allow you to resize submenu to fit your needs. Remember to enable override.css option in template settings.

Hello Konrad, I'm sorry but I have not made ​​it clear, I want to leave a 200px width of the dropdown box, but I want to remove the padding or margin or other space to the left of the menu items listed?
I hope I made ​​it clear ...
Thank you.

For the dividing line between the cells, instead you have any solution?

Please try add to override.css

Code: Select all

#gkMainMenu > div > ul div.childcontent li {
padding: 0 0 0 24px;
border-bottom: 1px solid #ffffff;
}


and in border set your own color value. Padding will remove right padding. If this will be not enought you can try decrease font size by adding this code:

Code: Select all

#gkMainMenu > div > ul div.childcontent a, #gkMainMenu > div > ul div.childcontent span {
font-size: 10px;
}


and decrease value to fit your needs. Remember to enable override.css option in template settings.

Hello Konrad, unfortunately the code you gave me does not work, I could only decrease the font-size for the rest of the space between the name of the menu and the edge of the box is (as you can see from the highlighted screeshoot done with webkitdeveloper - red box)

Schermata 10-2456219 alle 12.14.16.png

I would like to eliminate the space between the red box and the right edge of the containing box.
In addition to this even the bottom border is seen.

I also tried to change, other variables such as the childcontent-inner-wrap but this did not produce results ...

Please send me Private Message with access to your joomla backend.

Please check your site. I have added code I gave you to override.css and it is working.

Please check your site. I have added code I gave you to override.css and it is working.

Ok thank you i see!!