Hide on Mobile

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
athletechs
Posts: 8
Joined: 15 Oct 2016, 21:38

14 Oct 2017, 20:51

Does this theme have a built in class/style for "hide on mobile"
Similar to https://v4-alpha.getbootstrap.com/layou ... utilities/

If this theme does not come with this feature - how would you recommend this be implemented?

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

16 Oct 2017, 08:49

I think you can add it's css styles into your project and then, you can use it on your grid structure.

bootstrap.css

Code: Select all

...

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

Post Reply

Return to “Barcelona - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests