We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (1)

Resolved How to control size of logo in mobile and tablet?

0
Votes
Undo
  1. Just
    Just
  2. General Discussion
  3. Monday, 28 March 2016
  4.  Subscribe via email
I have no idea how to control the size of my logo. I am using T3-blanc template.

At the moment something works with by adjusting this .logo-img-sm class: but is not how it should work (I think).

@media (max-width : 480px) 

{

.logo-img-sm{

Width:               225px;

Height:              100%;

}

}



I would like to use another picture for my logo in mobile and maybe tablet.

I know the 'standard' way by selecting a small and big picture below Theme Tab.

But I was expecting I can change settings in variable.less file. But nothing seemed to work.

Also I think I want to use media queries.
Comment
There are no comments made yet.
Responses (1)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, you can use media querry to handle the logo size in specific layouts. Here is a sample:

@media (max-width: 768px) {

.logo-image {

    max-width: 192px;

}

}



@media (min-width: 320px) and (max-width: 480px) {

.logo-image {

    max-width: 80px;

}

}


The easiest way to add the override style is adding the CSS rules to the file: templates/t3_bs3_blank/css/custom.css

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.