Width o sub-menus

  • Resolved Tuffer

    (@caemaycock)


    6 years, 5 months ago

    Hello Oliver,
    The sub-menu titles are not easy to abbreviate and over time will increase in number. New options?
    1. Reduce the font size only in a sub-menu?
    2. Increase the width of the sub-menu, ideally auto-fit, otherwise in fairly coarse steps? This is obviously dependent on screen width.
    Regards,
    Tuffer

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    6 years, 5 months ago

    Hello Tuffer,

    Interesting. Let’s take a look at this with CSS which you can add into “Customizer – Additional CSS”.

    The width of the sub menus and their font size can be controlled using …

    @media screen and (min-width: 48em) {
.main-navigation ul ul a {
width: 16em;
font-size: 0.875rem;
}
}

    Just change the values above.

    Let me know if this works for you and I’ll think about adding new options accordingly.

    Oliver

    Thread Starter Tuffer

    (@caemaycock)

    6 years, 5 months ago

    Oliver, thank you, this is more than half-way there, see e.g. https://penprig.org.uk/conferences-and-meetings/
    It does also make the case for autofit. Is there a nowrap possibility? I’ll put a few quid in the pot for this one!
    Tuffer.

    Plugin Author Oliver Campion

    (@domainsupport)

    6 years, 5 months ago

    Hmm, try adding “white-space: nowrap;” but that might require a “width: auto;” as follows …

    @media screen and (min-width: 48em) {
.main-navigation ul ul a {
width: auto;
font-size: 0.875rem;
white-space: nowrap;
}
}

    Always happy if the plugin is upgraded to premium! 🙂

    Oliver

    Plugin Author Oliver Campion

    (@domainsupport)

    6 years, 3 months ago

    Marking this as resolved now.

    Oliver

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

The topic ‘Width o sub-menus’ is closed to new replies.