Joomla Templates Club 406,261 posts

[dygito Friend dygitoJoin date: May 2012Posts: 8Downloads:1Uploads:2]

#693525

Hello
Can anyone help me change a size of my logo in mobile view? I want to make bigger logo. Do you know which css file can I edit?

Best regards
Rafal N.

[melvine Friend melvineJoin date: August 2012Posts: 160Downloads:162Uploads:2 Thanks: 37 Thanked: 33 times in 9 posts]

#693732

Hi Dygito,

I think it’s the file template.css

templatesja_teline_vcsstemplate.css line 23

.t3-logo-small {
width: 60px;
height: 30px;
}

But you better make the change in custom.css file .

But Wait the advice of the team;)

Best Regards
Melvine

[melvine Friend melvineJoin date: August 2012Posts: 160Downloads:162Uploads:2 Thanks: 37 Thanked: 33 times in 9 posts]

#750086

Hi Dygito,

I think it’s the file template.css

templatesja_teline_vcsstemplate.css line 23

.t3-logo-small {
width: 60px;
height: 30px;
}

But you better make the change in custom.css file .

But Wait the advice of the team;)

Best Regards
Melvine

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#693772

Hi guys,

In template manager section, it has options so that you can add logo for desktop or mobile view: http://prntscr.com/8m1v4g

You can create your own logo for mobile and add in the field: Small logo image

1 user says Thank You to Saguaros for this useful post

1. melvine

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#750126

Hi guys,

In template manager section, it has options so that you can add logo for desktop or mobile view: http://prntscr.com/8m1v4g

You can create your own logo for mobile and add in the field: Small logo image

1 user says Thank You to Saguaros for this useful post

1. melvine

[dygito Friend dygitoJoin date: May 2012Posts: 8Downloads:1Uploads:2]

#695466

If you open my homepage in Galaxy Note 4 it is looking like that:
http://prntscr.com/8o3n2g
I want to make bigger logo – which will occupy a space in the header.

Does anyone know how to make it?

[dygito Friend dygitoJoin date: May 2012Posts: 8Downloads:1Uploads:2]

#750662

If you open my homepage in Galaxy Note 4 it is looking like that:
http://prntscr.com/8o3n2g
I want to make bigger logo – which will occupy a space in the header.

Does anyone know how to make it?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#695486

Hi dygito,

You can try with media queries to add style for specific screen resolution.

For example:

@media (max-width: 768px)
.logo-image {
width: 192px;
}


you can change min-width or max-width to the screen size you wish.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#750682

Hi dygito,

You can try with media queries to add style for specific screen resolution.

For example:

@media (max-width: 768px)
.logo-image {
width: 192px;
}


you can change min-width or max-width to the screen size you wish.

[Author]

Posts