Joomla Templates Club 406,261 posts

[cjsscarlos Friend cjsscarlosJoin date: February 2014Posts: 2Downloads:21Uploads:0 Thanks: 2]

#202225

Hi, friends!
How to change logo size. responsive layout.

in desktop

.logo-image a {
background-image: url(“../../../images/themes/abstract/logo.png”);
background-repeat: no-repeat;
width: 151px;
height: 41px;
}
/****
to:
***/
.logo-image a {
background-image: url(“../../../images/themes/abstract/logo.png”);
background-repeat: no-repeat;
width: 985px;
height: 200px;
}

——————–
Module Positions: OK.
Responsive Layout: ??? How to change logo size ? template-responsive.css or home-responsive.css?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#553493

Hi

Responsive feature doesn’t works if you add width and height to your logo image, you can override your logo image for every screen size, you can do this in this file templatesja_merocssthemesabstracttemplate-responsive.css

@media (min-width: 980px) and (max-width: 1199px)
.logo-image a {
background-image: url("../../../images/themes/abstract/yourlogo.png");
background-repeat: no-repeat;
width: dimension for the screenpx;
height: dimension for the screenpx;
}


@media (min-width: 768px) and (max-width: 979px) {
.logo-image a {
background-image: url("../../../images/themes/abstract/yourlogo.png");
background-repeat: no-repeat;
width: dimension for the screenpx;
height: dimension for the screenpx;
}


and so on for all screen sizes

1 user says Thank You to pavit for this useful post

1. cjsscarlos

[cjsscarlos Friend cjsscarlosJoin date: February 2014Posts: 2Downloads:21Uploads:0 Thanks: 2]

#553503

@pavit

Solved.
Thanks a lot.

[Author]

Posts