the CSS works but leaves the padding in the mobile and tablet version of the theme. You have to remove the padding in the mobile and tablet version, and leave the padding ONLY in the desktop version.
@media only screen and (orientation:portrait) and (max-width: 960px){
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0px;
}
}
Hi,
using Elementor and modifying the "Penci News Ticker" I can hide the News Ticker on tablet and mobile but only in Portrait mode.
How can I hide the News Ticker on tablet and mobile also in Landscape mode?
See the attached picture.
Attached files: Hide on Mobile.png
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
@media only screen and (orientation:portrait) and (max-width: 960px){.elementor-widget-penci-news-ticker {
display: none;
}
}
Regards,
PenciDesign.
Hi,
the CSS works but leaves the padding in the mobile and tablet version of the theme.
You have to remove the padding in the mobile and tablet version, and leave the padding ONLY in the desktop version.
See the attached pictures.
Attached files: Right padding on Desktop.png
No padding on mobile.png
Is this CSS correct :
@media only screen and (orientation:portrait) and (max-width: 960px){ .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0px; } }??
No, I tested it, the padding remains in the Landscape mode.
This CSS works in both Landscape and Portrait mode:
@media only screen and (max-width: 960px){ .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding: 0px; } }Is this correct?
Hi,
Yes. The code you've modified works for all devices under 960px of screen width.
Regards,
PenciDesign.
Thank you!