Thread: CSS Help
View Single Post
Old 17th June 16, 06:29 AM   #1
WLC Member
Join Date: Jun 2016
Location: North Carolina
Posts: 2
Default CSS Help

I need some help to figure out changes I need to do to get the results I need. I have tried several things getting changes but not the one I need.

The menu bar in the upper right hand corner opens a popup window by clicking on "Service Times" and it allowed me to add three more other links. Now when I try to add a fourth I get the following which causes the "Service Times" to jump down starting another line.

I want to add more but keep it in a straight line as the original. It is considered the secondary menu and the following is the code I am working with.

#header { width:960px; margin:0; padding:0; }
#logo { margin:50px 0 0 15px; padding:0; float:left; }
/* Secondary Menu */
.secondary-menu { margin:0; padding:3px 8px 6px; list-style:none; color:#fff; line-height:35px; display:inline-block; float:right; z-index:1000; background: rgba(51, 41, 33, 0.2); font-family: Arial, Helvetica, sans-serif; font-size:12px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.secondary-menu a { color:#fff; text-decoration:none; }
.secondary-menu > li { /* background:#332921 none repeat scroll 0 0; */ cursor:pointer; float:left; position:relative; padding:0 10px; }
.secondary-menu > li a:hover { color:#000; }
.secondary-menu.popup-menu { padding-right:0; }
.secondary-menu.popup-menu > li { padding-right:0; }

/* sub-menus*/
.secondary-menu ul { padding:0; margin:0; display:block; display:inline; }
.secondary-menu li ul { position:absolute; left:-8px; top:0; margin-top:20px; width:150px; line-height:16px; background-color:#332921; color:#0395CC; /* for IE */ display:none; }
.secondary-menu li:hover ul { display:block; }
.secondary-menu li ul li { display:block; margin:4px 15px 4px; padding: 5px 0 4px; border-top: dotted 1px #606060; list-style-type:none; }
.secondary-menu li ul li:first-child { border-top: none; }
.secondary-menu li ul li a { display:block; color:#fff; }
.secondary-menu li ul li a:hover { color:#0395CC; }

Thank you.
jtechnics is offline   Reply With Quote