Media query
Hi
I'm interested in the media query css I enroll under the section on custom css.
I want eg. Div class .column_attr.align_left be visible on PC monitors or when it has been loaded for example with a smart phone that I want that same giant is shifted to the left for example 20px. So that is not set to 20px destop version only when it comes to a certain width. I used this css:
media only screen and (max-width:
.column_attr.align_left {
padding-left: 20px;
}
But it does not work. I think I'm wrong somewhere.
If possible point me to the right path
thank you
Comments
we are not sure if we understand what you mean exactly but definitely above css is wrong. This should look as below: Of course instead of 960px you can setup your own value. Also you can play with max-width or min-width. If you want to know how responsive works, you should have a look into responsive.css file.
I added following css:
@media only screen and (max-width: 980px)
{
#Top_bar {
width: 90% ;
}
#Content {
width: 90%;
}
#Footer .container {
margin-left: 70px;
width: 70%;
}
}
Please give answer what is wrong in this css.
no cache, using the css betheme options theme and nothing works
What do you mean nothing works, do not give up!
Please explain your issue.
I dont see the CSS styles applied to nothing
It seems to not been applied the media querie
in this link when we are on mobile...the image is aligned at right...on mobile i need it center
and the text too.
they both have custom classes...nothing work for those