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.
ddantesAsked:
Who is Participating?
 
GaryConnect With a Mentor Commented:
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
 
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
 
ddantesAuthor Commented:
That did it!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.