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.
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; } }
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)”.
Following your requestion, you should edit your page content with the Elementor with Responsive mode by reading the document here: https://elementor.com/help/mobile-editing/
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).
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
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
body {--pcctain2: 1200px;
}
Regards,
PenciDesign.
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;
}
}
Hi,
Please modify the CSS code like this:
@media screen and (max-width: 1400px) and (min-width: 1200px) {body {
--pcctain2: 1200px;
}
}
Regards,
PenciDesign.
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)”.
Hi,
Following your requestion, you should edit your page content with the Elementor with Responsive mode by reading the document here: https://elementor.com/help/mobile-editing/
Regards,
PenciDesign.
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).
Hi,
Please send me your site URL. I'll re-check and then send you a custom CSS code.
Regards,
PenciDesign.
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.