Hello,

For the small menu in mobile, please add these lines:

@media (max-width: 979px) {
.close:hover {
  color: rgb(242, 245, 244);
  opacity: 1;}
}

As for the header and footer, edit the code to this:

 a:hover, .header_1 nav li.current-menu-item > a, .header_1 nav li > a:hover {
  color: #FCFCFC !important;
}

Best regards!

Hello,

Please add these lines into your custom css box:

.header_1 nav li > a:hover { color: rgb(221, 202, 163);}
@media (max-width: 979px) {
a.mobile_small_menu.open { color: rgb(242, 245, 244);}
}

edit the colors to your wish.

Best regards!

Hello,

Please add these lines into your custom css box:

@media (max-width: 979px){
.mobile_small_menu {  margin-left: -40px;}
}
@media (max-width: 480px){
#logo {  left: -25px !important;}
}

This should be the result: image.

Best regards!

Hello,

I set to ‘yes’ option for mobile menu in Theme Options > Headers > Show Responsive Menu Dropdown, also i added these lines into your custom css box:

@media (max-width: 480px) {
#logo {
  float: left !important;
  height: 100%;
  left: 55px !important;
}
}

Now, please go to file css\bootstrap-responsive.css and find these lines:

@media (max-width: 480px)
#logo {
  float: right;
 left: 0 !important;
  right: 0 !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

Replace the left: 0 !important; with this: /* left: 0 !important; */
Save and refresh.

Best regards!

Hello,

You can configure the menu/mobile menu fonts and background color at specular-> Header options -> Menu, Dropdown options.

I can fix it for you, just write your wp credentials in a private reply.

Best regards!