1 reply [Last post]
johnyct9760
johnyct9760's picture
Offline
Enthusiast
Michigan, USA
Last seen: 6 years 13 weeks ago
Michigan, USA
Timezone: GMT-5
Joined: 2008-01-22
Posts: 68
Points: 25

Hi I'm working on a wordpress site and one of the plugins is a floating menu. Problem is the only 2 options for the menu placement in the plugin interface are left and right, and I would like the menu in the center (and at the very top) of the page.

The floating menu its self is a DIV tag with a UL list inside of each of the list items. I've work been looking at centering a generic div tag, but the factory CSS is littered with "position" css rules that are making it harder to center then I would like.

You can take a look at the site and the floating menu in action here:

http://www.lansingrecoveryyoga.com/

If you have firebug or another HTML/CSS browser adjuster feel free to look it over and play around with it.

Thanks for all the help! Love

John

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 9 hours 36 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9754
Points: 3836

The animated

The animated menu?

#cfn_floating_menu.animated {
  position: absolute;
  width: 100%;
  }
 
#cfn_floating_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  }
 
#cfn_floating_menu ul li {
  display: inline;
  }

That should work.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.