Hide Text On Desktop, But Visible In Mobile - Question | JoomShaper
Back to the questions

Hide Text On Desktop, But Visible In Mobile

Vasiliy Gorodeckiy

Vasiliy Gorodeckiy

SP Page Builder 1 month 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.

0
1 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 month ago #162766

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.

0