-
-
Hi,
I have a problem with a column in responsive.
I have 2 columns
– 1 with an image
– 1 with some text where I put padding top/right/left with visual composer in order to adjust the position of the text. (center)But for smaller size, the text shows really thin because of the padding. so I would like to delete padding for responsive.
So I added a class col_resp for my column with text and add this media query code in the CSS of the page:
@media (max-width: 768px) {
.col_resp {
padding: 0px!important;
} }
@media (max-width: 480px) {
.col_resp {
padding: 0px!important;
}
}
But it doesn’t seem to work at all when I test the responsive.
How can I manage the responsive ?Thanks a lot,
-
Hello,
In responsive mode, the columns are set to flow one right after another and try to keep as much of the normal dimensions so that they are the best visible (will not be stretched too much).
I see you have already removed the code above from the custom css box. This is the view i get from opening the FAQs page from an iphone, screenshot. It is as it should be.
What do you wish to change here?
Let us know.Best regards!
-
You must be logged in to reply to this topic.