Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 10, 2024 at 6:27 am #1464299
    web4smallbusiness

    Good morning

    I wonder if you might be able to help me please.

    I have a client who wants to include 7 long service titles in the main navigation menu. I had created the items as dropdown menus, however, she wants them as part of the main navigation.

    Is there a quick CSS code that I can add, which would wrap the individual service page titles on 2-3 lines?

    Many thanks
    Ivana

    August 10, 2024 at 3:02 pm #1464321
    Mike

    Hey Ivana,
    First you will need to know the menu item ID for each one, on my test page it is #menu-item-3040 then I use this css:

    #menu-item-3040 {
	overflow: visible;
  max-width: 120px;
}
#menu-item-3040 a {
	line-height: 20px;
	align-items: center;
  display: flex;
  text-align: center;
}

    and it now looks like this:
    Screen Shot 2024 08 10 at 8.59.15 AM
    Please give this a try, if you need further help please link to your page so we can examine.

    Best regards,
    Mike

    August 12, 2024 at 12:21 am #1464427
    web4smallbusiness

    Many thanks. I will give it a go.

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