line break in link tag inside navigation

  • Hey guys, I need some help here.
    I cleared the all dots in ul li of wordpress navigation with css, but I can’t figure it out how to make a link to look like this:

    LINKNAME
    anotherword

    the linkname and anotherword is the same link. the code of it should be something like this: <a href="#">LINKNAME anotherword</a>

    And I just broke my head dealin’ with this… I really need help with this thing.

    *this should be done ONLY with css and html. No JS or whatsoever. css3 would go too. But ofc, I need it to be cross-browser.

    I hope you’ll help me out with this, oh.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You can put a width on that particular menu item. Menu items usually have a unique class like ‘page-id-(n)’ that you can target. A smaller enough width will force the second word to drop down.

    Thread Starter saepeaje

    (@saepeaje)

    In this case I’ll be forced to use the a tag as block element and li to float left, and this won’t work with what I’m planning to do.

    Is there any other way? ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you show us a page with the issue? We can’t give CSS solutions otherwise

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘line break in link tag inside navigation’ is closed to new replies.