This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Row Height fixed in Desktop, Auto on Mobile

Open 2 replies pluginplugin-page-builder
Philip Barrington
11 years ago · Last reply by Philip Barrington 11 years ago

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.

URL: http://www.cbtech.com.au/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Philip Barrington 11 years, 15 days ago 
    .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.

  2. Philip Barrington 11 years, 13 days ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread