• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 229
  • Last Modified:

Styling a sub-menu

There is a menu bar at www.mauivacationrental.com  which has a submenu under the items "Suite" and "Cottage".  I would like to change the styling of those submenus, without changing the centering of the main menu bar, such that...

1. The submenus aren't centered, but appear close to their "parent" menu buttons; and
2. The color of the submenu buttons is aqua, but semi-transparent.

I am a beginner at CSS, and this is a little above my pay grade.
0
ddantes
Asked:
ddantes
  • 2
  • 2
1 Solution
 
GaryCommented:
Website not working.
0
 
ddantesAuthor Commented:
I have been uploading files from time to time.  I don't know if that interfered with your checking -- if so, sorry.  It's working now.
0
 
GaryCommented:
From .p7dmm-sub-wrapper {} remove

   left: 0;
    top: 100%;
    width: 100%;


To .p7DMM01 ul ul a {} add

   background: aqua;
    opacity: .7;


and remove
    border-color: #FFFFFF;
0
 
ddantesAuthor Commented:
That did it!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now