Need to Get the Logo Right in Mobile Please

Dear Inkthemes Support,

The native logo for the variant theme (Template 1) for me is just too small. So I decided to try around the a bigger logo which looked about alright.

The only issue which I need help please is: can you please let me know how to get the logo resize automatically to contain within the screen size when the site is viewed in mobile? Looks fine in desktop/ipad and some mobiles on horizontal mode but in vertical mode, the logo offshoots towards the right side of the screen.

-> dev site is here: http://bit.ly/23g7LB9​

I would greatly appreciate your help on this.

Thank you.

 

Hi,

Greetings from InkThemes!

Please paste the code given below in Custom CSS field (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 990px){
.top_feature_container .header .logo img {
    width: 100%;
}
}
@media only screen and (max-width: 480px){
.top_feature_container .header .logo img {
    width: 100%;
}
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

It was great, perfect!
Thanks a lot Priyanka, truly appreciate.

Cheers,
dhodzpc

 

You're welcome, dhodzpc..

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com