1) Our current break-point width for desktop resolution is 1024px
, using the below media query, we manage to add the desired visual style you are looking for. Just replace the 3n
with the amount of maximum rows you have per item and borders will be added to table rows at tablet and mobile.
@media screen and (max-width: 1023px) {
.wptb-preview-table tr:nth-child(3n){
border-bottom: 4px solid gray !important;
}
}
2) It is hard to say anything about that issue without seeing the live site in action. But our suggestion will be trying !important
tag for your style and also use the same css line inside the media query we have supplied above. Because, it seems like some other third-party plugin or theme you are using is overriding the button style at mobile and tablet view.
Best regards.