This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Wrap text in navigation menu bar

Resolved 3 replies themetheme-snapshot
thebookhutter
10 years ago · Last reply by Magus 10 years ago

Hi there,

Sorry to ask more questions…

I would like to wrap the text in my navigation bar so that I can get more menu options on the same line without reducing the font size.

Is there a nifty way of doing this?

Many thanks and all the best,
Maudie

URL: http://www.maudiemade.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Magus Staff 10 years, 10 months ago

    Hi Thebookhutter

    Very sorry about the late reply. We work through a prioritized forum queue, and unfortunately it’s taken us some time to get to your thread.

    https://siteorigin.com/about/forum-thread-prioritization/

    You can achieve this with some custom CSS. Please navigate to Appearance->Custom CSS and add the following

    #menu-main-menu > li, #top-area .menu > ul > li {
    word-wrap: break-word;
    max-width: 125px;
}

    You can change the max-width value to fine tune the layout to what you require.

    let us know how you get on

    Magus

  2. thebookhutter 10 years, 10 months ago

    Hi Magus,

    Thanks very much for this – it sorted the problem out a treat. I also added the following CSS to get the text to align centrally:

    #menu-main-menu > li,
#top-area .menu > ul > li {
  text-align: center;
  vertical-align: middle;
}

    Thanks again and all the best,
    Maudie

  3. Magus Staff 10 years, 10 months ago

    Hi Maudie

    Glad to hear it helped. If you need any more help please feel free to open a new support thread.

    Magus

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread