Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#964022

Hi you can apply different width using custom.css file . Use Media queries to apply different css in different screen sizes . Here is documentation http://getbootstrap.com/css/

[GTR Webdesign Friend GTR WebdesignJoin date: August 2014Posts: 45Downloads:26Uploads:5 Thanks: 6 Thanked: 13 times in 5 posts]

#964138

Thanx @Pankaj_Sharma for your reply,

But is it possible to be a little bit more specific by giving me the css code i need to resolve this issue?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#964143

Can u post your working site URL so that i can give you an example code based on it .

Usually it would be like this :

@media (max-width:468px) {.logo {max-width:200px!important;} }

When screen size is width is 468px and less above code will work .

[GTR Webdesign Friend GTR WebdesignJoin date: August 2014Posts: 45Downloads:26Uploads:5 Thanks: 6 Thanked: 13 times in 5 posts]

#964145

You can access this website via: web0087.zxcs.nl/~towerliv

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#964162

Use this code

@media (max-width:468px) { div.logo-image img {   max-height: 125px!important; max-width: 100%!important;} 
.logo a {    height: 52px!important;  line-height: 52px!important; }
}

You can apply different query for different screen sizes . and change the width height or apply other css style in this code .
Example Here

[GTR Webdesign Friend GTR WebdesignJoin date: August 2014Posts: 45Downloads:26Uploads:5 Thanks: 6 Thanked: 13 times in 5 posts]

#964165

Thanx @pankaj Sharma … This works like a charm!!!

[Author]

Posts