Responsive Text Block
Hello,
Sorry to submit this newbie problem, but i didn’t find the answer anywhere else on the forum.
I created a text block with the visual composer on my homepage. In the text block design options, i setted up a padding of 100px for both left and right .
The problem is the padding apply for the desktop screens but also on mobile devices. In order to reduce the padding on mobile screens, I tried to add a media query in the custom css window :
@media all and (max-device-width : 480px)
body
{
padding-right: 5px;
padding-left : 5px;
}
Obviously, this code is not working. Would you be able to give me the right solution ?
Kind regards,
Lucas
Comments
the css you used above is wrong. We suggest to read the following article http://www.w3schools.com/cssref/css3_pr_mediaquery.asp to learn how it works and looks like.