Hello,

Sorry for the late reply.

1-To make text bold add this code:
nav .menu li a:hover { font-weight: bold;}

Add this for the mobile:

@media (max-width: 979px){
.snap-drawer #navigation nav .menu > li a:hover {  font-weight: bold;}}

2-For the images, add this code instead:

.search-results .blog-article .media .overlay {
    background: rgba(209, 193, 159, 0.61);
}

4-Add this code too:
@media (max-width: 767px){.row-fluid.row-google-map { pointer-events: none;}}

6-Please check the credentials as i can’t login.

Best regards!

Hello,

1-Are you referring to the mobile menu drop-down or the desktop? The mentioned changes can be done with some css.
Add this code for the on hover background color of desktop menu:

nav .menu li > ul.sub-menu li:hover {
    background: rgba(239, 239, 239, 0.75) !important;
}

Add this for the mobile:

@media (max-width: 979px){
.snap-drawer #navigation nav .menu > li:hover {
 background: rgba(239, 239, 239, 0.75) !important;
}}

2-Do you mean the h1 titles color on hover? Add this code:

.search-results h1 > a:hover {
    color: #9A2BE0 !important;
}

3-Sorry but this requires code modification that takes quite some time and it is not included in support. You could hire a developer to do it for you.
A workaround is to remove the theme search at General Options > Header Options > and add woocommerce search widget. Add the widget in top header area.

4-I added this code into your custom css box:
.row-fluid.row-google-map { pointer-events: none;}
Inside the @media (max-width: 480px) block.
5-Add this code:

.header_tools .cart {
    border: 2px solid #80296A;
    border-radius: 5px;
    width: 33px;
    height: 33px;
}
header#header .header_tools .cart .cart_icon {
    top: 9px;
    left: 2px;
}

To add a border to cart icon. Or you can add a background image too with css.

6-This is strange. I checked it on our side and it does not happen. Please send us your ftp credentials in a private reply. We need to check the menu files.

PS: I am happy to know you are satisfied with our support. Thank you for your appreciation!

Best regards!

Hi,

I will glue to this topic as i have exactly the same problem. Screen:

mobile menu >> https://oakhillfund.com.au/wp-content/uploads/2016/04/Screenshot_2016-04-19-22-52-32-e1461070668321.png

footer (not visible moved to the left) >> https://oakhillfund.com.au/wp-content/uploads/2016/04/Screenshot_2016-04-19-22-52-41.png

Hello,

1-Sorry but this is not an included plugin so we can not give support on it. You can try other plugins that do it’s job.

2-I edited the code to this:

@media (max-width: 480px){
#sfmsb_settings-2 {  margin-top: -70px !important;}
}

The socials are generated by a third party plugin. Please keep in mind that we do not support third party plugins.

3-You can learn more about css from many sites available in internet. I can suggest w3schools.com
I added this code: span.sfmsb-circle { font-size: 35px !important;} into the @media(max-width: 480px) block.

4-You can turn on the side menu for mobile in Header Options > Responsive menu style.

5-Yes, with css. To remove entire footer, add this:
@media (max-width: 480px){.footer_wrapper { display: none;}}

7- Was the issue when you had Jetpack plugin activated? I checked it now but i don’t see the white space anymore.

9-I added this code into the @media block:

.header_wrapper {
    position: fixed !important;
    margin-top: -2px;
}

Please check your site.

Best regards!

Hello,

1-Please read this related topic.

2-Decrease the menu items padding and margin to decrease it’s width so that it won’t slide down when the screen gets smaller. edit these values in General Options > Header Options > Menu Options.

3-If you have enabled the responsive mode, then you will have automatically the mobile menu on. Check it at General Options.

4-Please send us a link so we can give specific css.

*The custom css box has no issue and the code inserted will work. Please make sure first that you are modifying the right css classes.
Let us know.

Best regards!

Hello,

That is not exactly an issue. The style of mobile sub-menu has been changed from the online demo version to the current one.
I added this code into your custom css box:

.menu-small ul.menu > li > a { color: #2a2a2a !important;}
.menu-small ul.menu .codeless_custom_menu_mega_menu h6 {
    color: #2a2a2a !important;
}
.menu-small { background-color: #FDFCFC !important;}
.menu-small ul li a {
    color: #524B4B !important;
     font-size: 14px !important;
    padding-left: 13% !important;
}

to make it just like the demo.
Let us know if you need anything else.

Best regards!