T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. 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.
Comment
There are no comments made yet.
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
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
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.