Hi.
On the cbtech site I am using a tabbing plugin, which places some unwanted white space below itself. I can resolve this in Page Builder by entering in edit row attributes css styles
height: 210px;
This is also how it displays on a mobile device where this then cuts off content. I have tried a few @media type commands which seem to either not work or work on the desktop as well.
This effort for example did not work
@media (min-width: 980px) {
height: 210px;
width: 100% !important;
}
@media (max-width: 979px) {
height: auto;
width: 100% !important;
} If you have any clues that would help I would be great appreciative.
.content-container @media screen { height: 220px; }This works in part. What I can’t get to work is a conditional statement like
.content-container @media screen (min-width: 1020)) { height: 220px; }If anyone has any Idea I would be grateful. What I want to achieve is that on a desktop computer the row height is fixed whilst on a mobile device it is auto.
If anyone is is struggling with this I have resolved it on a plan B. I have set the margin to -25 in the layout area of the row. It is a little confusing as in displays as 25 however it does operate as -25, so that will do for now.