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!
  1. PH
  2. General Discussion
  3. Thursday, 15 January 2015
  4.  Subscribe via email
Hi,

I'm using bs3_blank, and I want to use one .svg image for my logo on large screen, and another one for small screen. I want both of them to be responsive and full width.:D

I've already taken a look on the forum, and I found this thread :

http://www.t3-framework.org/discussions/scalable-svg-as-logo-image.html

For the first part (adding the svg in template manager), it's ok ! But when I want to do the second part, it's seems that the code in style.less and header.php have changed since november 2013. Is it possible to have a little update about the overriding i've to do for the result i mentionned before ?

Thanks,

Polo
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

You can try to upload logo from template style back-end. Go to your site back-end > Extensions > Template Manager > your template style > "Theme" tab and you would see logo configuration params, add logo for large screen and small screen.

Hope it helps you.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Thank you. This part is ok for me. My point is that I want my logos to be responsive. Is it possible ?

Thanks.

Polo
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah ofcourse, once we add the option, we have to make sure it works in different responsive layouts. If your logo is too large, in small screen, you should use another image, that's why the "Small Logo" option is added.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
If it can help someone I found a way to make them both adaptative :

in header.php I deleted the boostrap class for the div.logo :


<div class="logo">



Then, I added in custom.css :

].logo div.logo-image {
width: 100%;
position:relative;
}

.logo div.logo-image a img.logo-img, .logo-image.logo-control a img.logo-img-sm{
width:100%;
}
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


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