Public Forums 71,145 posts

[modernmagic Friend modernmagicJoin date: December 2011Posts: 58Downloads:1Uploads:10 Thanks: 4]

#184370

I have uploaded a 400px png, but it is getting reduced.

Where can I change the logo width for larger screens to be larger than 270px?

I still want the logo to be responsive for smaller screens.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#481283

Hi modernmagic,

Here is my answer for your question:
1. Go to templatescurrent_templatecss
2. Edit template.css for logo style at line after /*Logo Image*/
3. Remember to clear T3 cache

Hope these can help you.
Pls feel free to ask me if your have any problems !

[modernmagic Friend modernmagicJoin date: December 2011Posts: 58Downloads:1Uploads:10 Thanks: 4]

#481470

I have done that in my custom.css and that works:

.logo-image a {
width: 350px;
height: 81px;
}

but the larger logo image is not being shrunk responsively.

Where can I edit the responsive css to shrink the same image to fit on the iphone. The logo arear on the iphone appears to be about 265px wide.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#481484

Hi mordenmagic,

Pardon me for not checking the template you are using & your site url. Please sent me that details soon, so i can have clear overview then it can be done soon !

Regards,
—
Leo

[modernmagic Friend modernmagicJoin date: December 2011Posts: 58Downloads:1Uploads:10 Thanks: 4]

#481554

the site is under construction at
http://www.admarneuro.com/new

I will leave it online until you respond and then turn it offline again.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#481620

Hi modernmagic,

After viewing your site’s source, I found that your current template is T3v3 Blank Red Theme, so try to follow this path:
templatesja_t3v3_blankcssthemesred . Then you can customize the logo in template.css.

Pls inform me when you solve it!

Regards,
—-
Leo

[modernmagic Friend modernmagicJoin date: December 2011Posts: 58Downloads:1Uploads:10 Thanks: 4]

#481753

Yes, I know what template I am using. Maybe you didn’t see my earlier post:

<em>@modernmagic 357434 wrote:</em><blockquote>I have done that in my custom.css and that works:

.logo-image a {
width: 350px;
height: 81px;
}

but the larger logo image is not being shrunk responsively.

Where can I edit the responsive css to shrink the same image to fit on the iphone. The logo arear on the iphone appears to be about 265px wide.</blockquote>

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#481779

Hi modernmagic,

Ok, I have checked on your site, here is the solution :

Don’t add:
<blockquote>.logo-image a {
width: 350px;
height: 81px;
}</blockquote>
to custom.css.

What you need is to put these :
<blockquote>.logo-image a {
width: 350px;
height: 81px;
}</blockquote> to template-responsive.css.

p/s: remember to delete changes on custom.css
Pls inform me if your issue is solved !

Regards,
—
Leo

[scannergmbh Friend scannergmbhJoin date: September 2012Posts: 28Downloads:22Uploads:11 Thanked: 4 times in 1 posts]

#482010

I have the same problem: whatever I do, my logo image (600x84px) is just cropped on mobilephone, but not scaled.
Kind regards

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#482347

Hi scannergmbh,

please follow my guide above. If you still have issue, pls send me you url, and a snapshot, i will help then.

Regards,
—
Leo

[scannergmbh Friend scannergmbhJoin date: September 2012Posts: 28Downloads:22Uploads:11 Thanked: 4 times in 1 posts]

#483039

<em>@Leo Burnetts 358626 wrote:</em><blockquote>Hi scannergmbh,

please follow my guide above. If you still have issue, pls send me you url, and a snapshot, i will help then.

Regards,
—
Leo</blockquote>

For resonsive the Logo i have inserted the responsive-style.less the following code.
that works…

.logo-image a {
background-size: 50% auto;
background-position:center;
}

[Author]

Posts