Alfaparf

Thank you Bob and Bdbrown for responding to my query – your responses are very much appreciated.

I have located the section of the CSS code that relates to the hover link issue – thanks to you, please see below – section A. Bob, unfortunately it is not giving me a color that I can change. Is there anything else that I can do to switch off the hover link to the site title?

Bd, I hadn’t realised that I was running a commercial theme as I didn’t have to pay for it. I chose it because the person who designed it gives instructions on how to set it up, so apologies for that.

I have added the code that you have advised Bd, unfortunately the title is still highlighting and the menu is continuing to show on top of the title. Maybe I didn’t add it in the right place – please see CSS code below under heading B.

Big thanks again for your help.

Section A

.site-header a:hover,
.main-navigation ul ul a:hover,
#header-right-menu ul ul a:hover,
.menu-open:hover,
.dashicons.menu-open:hover,
.menu-close:hover,
.dashicons.menu-open:hover { color: ” . $header_linkHoverColor . “; }

Section B

@media screen and (max-width: 980px) {

#sidebar-footer,
#content {
padding: 0 20px;
}

.fl-builder #content { padding:0; }

#sidebar-footer aside {
width: 50%!important;
padding: 0;
border-width: 1px 0 1px 0;
}

#sidebar-footer aside.odd:last-child { width: 100%!important; }

}

@media screen and (max-width: 768px) {

#primary,
#secondary {
width: 100%;
padding: 0!important;
}

.search-no-results #secondary aside.widget_search:first-child {
display: none;
}

.aligncenter {
display: block;
margin: 0px auto 0px auto;
}

}

@media screen and (max-width: 600px) {

#wpadminbar {
position: fixed;
}

}

@media screen and (max-width: 480px) {

#sidebar-footer aside {
width: 100%!important;
}

@media screen and (max-width: 419px) {
/* disable site title hover */
.site-title a {
pointer-events: none;
}
/* menu icon on top of site title */
#mobile-menu-trigger-wrap {
z-index: 99;
}
}