Virtuemart Support :: Topic: I want don´t see a module in responsive mode (1/1)

Welcome, Guest

Use this Category for your support questions about Responsive Joomla Virtuemart Template - CoolMart (SKU# FLEX-00014)

TOPIC: I want don´t see a module in responsive mode

I want don´t see a module in responsive mode 9 years 4 months ago #11470

Raúl Ramón Val	i have a module "NUESTROS PRODUCTOS" that i don´t see it when the screen resize. I have the categories in menu Tienda i don´t want see twice in smarthphone screen. How can i put display=none a module when i resize the image to smarthphone or tablet size www.ropasdepueblo.com/tienda Attachment 20141212183957.jpg not found Attachment 20141212184048.jpg not found
	The administrator has disabled public write access.

I want don´t see a module in responsive mode 9 years 4 months ago #11487

Support

Hi,

Use this CSS rule:

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

The above CSS rule means; the element with the class name of css_class_to_hide will be hidden if the screen resolution drops below 767px

You can play around with the max-width:767px. Increase or decrease it as needed. (usually below 767px is considered as smartphone)

For more info,
www.w3schools.com/cssref/css3_pr_mediaquery.asp
developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
OR - search this keyword: CSS3 Media Queries on google.com. You will find many articles about it.

Regards.

Last Edit: 9 years 4 months ago by Support.

The administrator has disabled public write access.