Joomla Templates Club 406,261 posts

[robosavvy Friend robosavvyJoin date: February 2013Posts: 9Downloads:0Uploads:3 Thanks: 4]

#185992

Hi,

When i test my website on a mobile, it does not resize the logo so it can fit the screen.
What can be wrong?

Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#487214

This way will help you resize image logo displayed in your device

Open templates/ja_onepage/css/custom.css file

Add new script

/* mobile */ @media (max-width: 767px) {
.logo-image a {
width: 345px;
height: 91px;
background-image: url(../images/robosavvylogo_smartphone.png);
}
}

/* tablet */ @media (min-width: 768px) and (max-width: 979px) {
.logo-image a {
width: 345px;
height: 91px;
background-image: url(../images/robosavvylogo_tablet.png);
}
}

/* fullsize */ @media (min-width: 1200px) {
.logo-image a {
width: 345px;
height: 91px;
background-image: url(../images/robosavvylogo.png);
}
}

And change width and height match with logo image size

Let me know the result

1 user says Thank You to Ninja Lead for this useful post

1. robosavvy

[Author]

Posts