Line break in media view?
-
Hi!
I’m trying to figure out how to make buttons appear on a new line in media view (mobile).
The table is made out of 10 rows with 3 columns each – thumbnail, text and css buttons. In desktop view all 3 rows appear in one row, but it doesnt look well in mobile view hence I want to move the buttons to a new line in media mode.
In column 3 for the buttons the code looks like this:
< a class=”buttonreview” href=”link”>REVIEW < a class=”button” href=”link”>VISIT</ a>
and for now my solution in css is to hide the buttons instead with:
/* hide column 3 on table 1 when mobile */
@media (max-width: 736px) {.tablepress-id-1 .column-3 {
display: none;
}
}Do you know of a way to solve this? I tried to learn from google and tried severa suggestions but failed.
Thank you for the best plugin!
- The topic ‘Line break in media view?’ is closed to new replies.