The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Stumper: How to add spacer in the center of a horizontal menu for a badge

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #36298

    Hi — I’d like to use CSS to put a spacer in a WordPress horizontal menu. The menu is bisected by a badge. So I want something like

    link1 link2 link3 [spa- Badge -cer] link4 link5 link6

    It would be great to allow the site owner to change the menu at will and not worry about messing up the flow of menu links around the badge.

    Can CSS do this???


    You could use javascript to drop the badge in. That way it won’t mess up the menu, rather work with it. So you would have (after javascript has added the badge):

    Is that what you’re looking for?


    Wow thank you for the fast reply. Actually I don’t have the badge in the UL list. It is in a separate div, just overlaying the menu. This is to center it exactly.

    I think I will try this from a different angle (like, a different layout)

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.