2 column mobile view with columns

Hey ehdavies,
Thank you for the login, I first found that your Enfold Theme Options > General Styling > Quick CSS field had a great deal of errors in it. I corrected these for you and linked to a file with the before and after code, for you to review.
Basically please don’t add a * to every line you want to comment out, add /* before & */ after the code block, or lines of codes.
Also if you want to add “!important;” to a rule, please remove the ; before the “!important;”
I hope this makes since :)

For your 4 column section that you want to show as 2 columns on tablets, the issue is that “equal height” columns will break the code, so I switched them to all “individual height”
This resulted in a new issue, 2 of your columns don’t have images to retain their height, so I added a custom class to them and this css to solve this issue:

.eqheight {
height: 118px;
min-height: 118px;
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
You mean the cache of your browser, right?
Try incognito or in-private mode.
Please see screenshots in Private Content area.

Best regards,
Mike

Hi,
I’m not sure that I understand, but when I look at the bottom of your page I see there are two more of the text columns that don’t stay equal height with the other columns, for these I would add a custom class such as “eqheight_lg” and Quick CSS like:

@media only screen and (min-width: 767px) and (max-width: 988px) { 
.eqheight_lg {
height: 217px;
min-height: 217px;
}
}

But I don’t see buttons with text under them as in your image, is this on a different page?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike