Hope you are doing well today.

You need to add this CSS to your Custom CSS/ Additional CSS for adjusting that:

@media screen and (max-width: 770px){
.blog_single_post {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
}

Hope that helps.

Thank you.

Sorry for the typo above you need to replace that code with this for a better result:

@media screen and (max-width: 770px){
.blog_single_post {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
}}

If still facing issue then add “!important” after every code like this
“width: 96% !important;”

For adjusting the menu hover color you can try adding this CSS:

.navbar .nav > li > a:hover {
    background: #6EBB25 !important;
}

Hope that helps.

Thank you.

It seems you are using a caching plugin in your site. Can you please deactivating all the plugins and check that again to see if that fixes the issue for you.

Hope that helps.

Thank you.