menu drop-down customisation

  • Resolved Sheona

    (@sheona)


    9 years, 1 month ago

    Hi

    Is it possible with some custom CSS to increase the size of the drop-down boxes from menu items? Some of my sub-menu titles are pushed onto two lines – http://www.shospace.co.uk – which I don’t mind for the really long ones, but would prefer to adjust a bit for some of them (eg. Canopy Compass Rose, under ‘Works’).

    And/or can I reduce the font size for the drop-down items?

    Thanks heaps,
    Sheona

Viewing 4 replies - 1 through 4 (of 4 total)
  • TUT Support

    (@phpexpert21)

    9 years, 1 month ago

    Hello Sheona,

    To make the change you want you can achieve this using custom css. Please add the following custom css to your site via either a child theme or directly from the theme options panel under General Settings -> Custom CSS:

    .main-navigation ul ul li a {
width: 245px !important;
}

    I hope the above was helpful.

    Kind regards,

    Manoj

    Chad Chadbourne

    (@shireling)

    9 years ago

    That CSS will definitely do the trick, but I’d recommend using it without adding !important.

    Important CSS styles basically override the normal flow of your CSS, which can make it difficult to troubleshoot things when making changes later on.

    You can usually write a more specific style to avoid using !important in your custom CSS, but @phpexpert21’s should work fine without it 🙂

    Thread Starter Sheona

    (@sheona)

    9 years ago

    Lovely! Thanks both for your help, worked a treat.

    S

    Chad Chadbourne

    (@shireling)

    9 years ago

    You’re welcome!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘menu drop-down customisation’ is closed to new replies.