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 (3)

Resolved Which LESS file do I add Media Queries on the T3 blank template (Bootstrap 2)

0
Votes
Undo
  1. Chamira Athauda
    Chamira Athauda
  2. Sherlock Holmes
  3. General Discussion
  4. Monday, 30 June 2014
  5.  Subscribe via email
I am working in the development mode, and I feel that I am adding Media Queries in the wrong place because they are not working correctly.

I want to add a margin of 40px to the sidebar modules if the screen size is less than 1824px.

So my code is :

@media (max-width : 1824px) {
.t3-sidebar {margin-top: 40px;}
}

But this seems to add the margin to all screen sizes.
  1. less
  2. bootstrap 2
  3. joomla3.2
  4. T3 blank template
Comment
There are no comments made yet.
Responses (3)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Chamira,

It's the variables.less file in the "templates/t3_blank/less"

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Chamira Athauda
Chamira Athauda
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks for the pointer.

I found that adding my code in to the media queries in the joomla-responsive.less makes them work correctly.

Previously I was adding them to the styles.less file - this should have been made clear in my first post.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Yeah, it's your call, Chamira ;)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
  • Page :
  • 1


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