Joomla Templates Club 406,261 posts

[jdsmartinez Friend jdsmartinezJoin date: January 2013Posts: 3Downloads:0Uploads:0 Thanks: 3]

#188706

Hi, how to create a responsive logo?, one size for pc browser and one size for mobile browsers?

Thanks.

P.D. I did try modifying the logo size (PC browsers OK) but in mobile browser the result is a wrong (not elastic) logo size.

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#498036

Hi jdsmartinez ,

If you want to change logo size in mobile browser, you need to customize css.

Open file “templates/ja_beranis/less/style-responsive.less”. Find code
[PHP]
.logo-image h1 a {
margin-top: 4px;
}
[/PHP]
and add this css code :

[PHP]
background-size: 50px auto;
[/PHP]

Regards

1 user says Thank You to MoonSailor for this useful post

1. jdsmartinez

[jdsmartinez Friend jdsmartinezJoin date: January 2013Posts: 3Downloads:0Uploads:0 Thanks: 3]

#498141

Thanks MoonSailor, that was exactly what I was looking for.

[Author]

Posts