Menu button is black

Hi.
Try my page with a cellphone.

– The menu button is black. How can I make the “Menu” text white?
– Look at the bottom of the page, why are the menu there?
– When people click a submeny nothing happends, insted they have to click the arrow to open the submenu. How can this be avoided? I want the submenu to be opened when clicking the text. The arrow is black, how to make them green like the text?

My css codes:

/* Adjust width */
#page { max-width: 90%; margin-left: auto; margin-right: auto; }

/*Remoe gaps */
#masthead {
padding-top: 0px !important;
padding-bottom: 12px !important;
}

/*Remove gaps */
.site-header-menu, .header-image {
    margin-top: .0px;
    margin-bottom: 3px;
}

/*Remove site description*/
.site-description {
display:none !important;
}

/* Green tekst in menu and black background. */
.main-navigation a {
color: yellowgreen !important;
font-size: 17px !important;
font-family: times new roman !important;
	background: black;
}

/* Editing site title */
.site-title a {
color: white !important;
font-family: calibri
!important;
}
.site-title {
font-size: 36px !important;
}

/* Background */
#masthead {
    background: black;
}

/* Remove cursor on subs */
.unclickable > a:hover {
  cursor: default;
}

/* Make page a little bit transparent */
.site {
    opacity: 0.9;
    /* RGBa with 0.9 opacity */
    background: rgba(255, 255, 255, 0.9);
}

/* Remove info on footer */
.site-info { display: none; }

• This topic was modified 7 years, 10 months ago by robodrago.

The page I need help with: [log in to see the link]