Shop Categories

X

Width of the Menu and Sub-Menu

Home Forums Agama Pro Width of the Menu and Sub-Menu

Topic Resolution: Resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #17693
    Avi Pal
    Participant

    How to increase width of the Menu and Sub-Menu list in the Navigation, so that the long item name wrap itself in single line instead of double line.

    https://drive.google.com/file/d/117iOC_yXp2FmO_sZxd1t2qAsqqFijK64/view?usp=sharing

    #17706
    Zex
    Moderator

    Hello, eductronics!

    try to insert the following code into Customizing->General->Additional CSS:

    .sticky-nav li,
    .sub-menu,
    .sub-menu li{
        width: max-content!important;
    }

    Regards

    #17711
    Avi Pal
    Participant

    Thanks Zex,

    I must say you are great.

    #17713
    Zex
    Moderator
    This reply has been marked as private.
    #17715
    Avi Pal
    Participant

    It worked but line separating the menu list are not same width, can you make separator line equal width.

    https://drive.google.com/file/d/1-vaDo8EE7Eb_PJZgVkD75eUMnQXCm4GA/view?usp=sharing

    Thanks…

    #17717
    Zex
    Moderator

    Hi,

    In that case, substitute the previous code with the next one:

    .sticky-nav li ul li,
    .sticky-nav li ul {
        min-width:250px!important;
    }

    Change the min-width value per your needs.

    Regards

    #17721
    Avi Pal
    Participant

    Thanks this code works flawlessly

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.