Skip to content
Public Ticket #23299

How to adapt the theme to screens that only emit a maximum 1200px

Conversation thread

PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media screen and (max-width: 1400px) and (min-width: 1200px) {
  body {
    --pcctain: 1200px;
  }
}

Regards,
PenciDesign.



PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

Please send me your site URL. I'll re-check and then send you a custom CSS code.

Regards,
PenciDesign.


Sergi Alarcon Recio replied

3 years ago
Customer Reply

But the Soledad Breaking News demo is not using Elementor, it does everything directly from the custom WordPress and I would like to know if it can also be done from there so that the page with two sidebars is displayed well on all writing screens and also on screens 17 inches that have a resolution of 1280×1024 (5:04).

Sergi Alarcon Recio replied

3 years ago
Customer Reply

In the end, he used the Soledad Breaking News demo, but I want to be able to adapt it so that it is displayed well with two sidebars on the home page and that it can also be viewed perfectly on 17-inch monitors that have the following resolution, “1280×1024 (5:04)”.

PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

Please modify the CSS code like this:

@media screen and (max-width: 1400px) and (min-width: 1200px) {
  body {
    --pcctain2: 1200px;
  }
}

Regards,
PenciDesign.



Sergi Alarcon Recio replied

3 years ago
Customer Reply

The CSS code is fine but there is a problem that now affects monitors that can support 1400px. What solution would you give me and if the solution that I present below would be the correct one for monitors that only support up to 1200px.

@media screen and (min-width: 1200px max-width: 1200px) {
  body {
    --pcctain2: 1200px;
  }
}

PenciDesign Supporter replied

3 years ago
Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

body {
    --pcctain2: 1200px;
}

Regards,
PenciDesign.



Sergi Alarcon Recio started the conversation

3 years ago
Conversation Start

Hi there
I would like to know how I can adapt the theme to monitors that only support up to 1200px, since when installing the Modern News/Magazine demo it only looks good on monitors that have 1400px in front and not for 1200px monitors and I don't see that it fits with CSS responsive.

regards

Want to join this conversation or access attachments? Sign in first.

Login to Reply