Problem with devices

Hi,

Thanks for that. First off, could you try updating the theme to the latest version (4.7.6.3) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. If not then please post admin WordPress login details in private so that we can have a closer look.

Best regards,
Rikard

Hi,

Thanks for that. If you want some of your CSS to only apply to mobile then you will have to wrap it in a media query, like so:

@media only screen and (max-width: 767px) {
.lcp_catlist { /*#lcp_instance_0*/
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;  /* il nr è la quantita delle colonne che vogliamo creare*/}
}

Best regards,
Rikard

Hi,

The options to show/hide elements will only affect the visibility, that means that if you add code to them then that code will apply anyway. If you want the code to only apply to some screen sizes then you will need a media query like in my example.

I’m not sure what you mean by exceptions though, could you try to explain that a bit further please?

Best regards,
Rikard

Hi Maurizio,

Thanks for the update. Your code should work in either the code block or text block element. You have the possibility to automatically insert the style tag in the code block though, so you might want to stick to that. If you want different codes for different screen widths then you can use different media queries, like this for example:

@media only screen and (min-width: 480px) and (max-width: 767px) {
  code goes here
}

The above code will target medium to large mobile screens, and this will target all the sizes below that:

@media only screen and (max-width: 479px) {
  code goes here
}

You could also simply add your CSS to Quick CSS, if you want the CSS to apply globally. Then you won’t have to add CSS on individual pages.

Best regards,
Rikard

Hi,

Thanks for the update, I’m glad that we could help. Please let us know if you should need any further help on the topic.

Best regards,
Rikard