Hi Allan,
To remove the hover effect above the menu Go to Appearance -> Theme Option -> Design Option Tab -> Custom CSS paste the following CSS code and Click on save all changes button:
#access {
background-position: 0 -4px;
}
#access a {
height: 41px;
padding-top: 18px;
}
#access a:hover,
#access ul li.current-menu-item a,
#access ul li.current_page_ancestor a,
#access ul li.current-menu-ancestor a,
#access ul li.current_page_item a,
#access ul li:hover > a {
border-top: 0 none;
padding-top: 18px;
}
#access ul li ul {
top: 59px;
}
and to make add some more space between the content and the right sidebar paste below CSS:
#primary {
width: 63.64%;
}
#secondary {
margin-left: 5.06%;
}
Hope above code CSS help you.
Thank you!