hide text on desktop, but visible in mobile - Forum | JoomShaper
Staff replied SP Page Builder

hide text on desktop, but visible in mobile

Asked by Vasiliy Gorodeckiy 2 years ago Last activity 2 years ago

Hello.
Somewhere in the templates I saw a setup from the studio. The text for the mobile versions was hidden by some tag in the text block, and it was shown for the desktop.

How to do it? I even remember somewhere there was such a table with different viewport and tags that show or hide content.

Something was like
<br class="hide-mobile">

Please help me find.

1 reply

Paul Frankowski Senior Staff
2 years ago · edited

Hi Vasiliy.

  1. You can use classes from Bootstrap 5.
  2. Or by Custom CSS
@media screen and (max-width: 720px) {
.hide-mobile  {display: none;visibility: hidden;}
}

then when class name will be used, the whole area will be hidden in mobile view.


But if we talk about Addons, Columns and Rows, each of them has a option to Hide in Mobile view.

Log in to reply.