Logo Not Resizing on Mobile Viewing

Hi,
Could you please advise on logo not being responsive and resizing when viewed on mobile.
I am using logo size 450 x 150 and have following added in CSS box, with the latest updates to theme is it now necessary to add this code, but Logo is staying full size when site viewed on mobile.

.header_wrapper .logo_wrapper .logo img{
max-width: 460px;
height: auto;
}


Tob

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.header_wrapper .logo_wrapper .logo img{
width:320px!important;
}
}
@media only screen and (max-width: 480px){
.header_wrapper .logo_wrapper .logo img{
width:260px!important;
}
}
 
@media only screen and (max-width: 350px){
.header_wrapper .logo_wrapper .logo img{
width:260px!important;
}
}

Adjust its value as per your requirements.

 

Many thanks Gourav and thank you for the quick response.

Take care

Tob

 

Hi again, just to be sure, do I add all of the code or one piece that is suitable, ie

@media only screen and (max-width: 767px) and (min-width: 480px){
.header_wrapper .logo_wrapper .logo img{
width:320px!important;
}

or this example;

}
@media only screen and (max-width: 480px){
.header_wrapper .logo_wrapper .logo img{
width:260px!important;
}

just that they are all the same with different values, sorry about the
questions, better to be sure.

Tob

 

Hello,

Yes, add all codes in your Custom CSS

 

Hi Gourav,
Went ahead and put in all the code and the logo was still full size in mobile, then deactivated Wordpress SEO plugin and reactivated it again and logo showing great in mobile. I have been having problems with the site in that any edits that I do in Front page , logos etc will not show unless I deactivate the SEO plugin, clear the cache and reactivate SEO plugin again, could you advise on this and how to correct this problem.
Appreciate your help.

Cheers Tob

 

I have noticed that the slider has stopped working on viewing on mobile with the code,
Appreciate if you could have a look please. I will send you site details Gourav.

Tob