Hide "Penci News Ticker" in Landscape mode?

Public Ticket #24725

Hide "Penci News Ticker" in Landscape mode?

Conversation thread

reanusbig replied

3 years ago

Customer Reply

Thank you!

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Yes. The code you've modified works for all devices under 960px of screen width.

Regards,
PenciDesign.

reanusbig replied

3 years ago

Customer Reply

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?

reanusbig replied

3 years ago

Customer Reply

No, I tested it, the padding remains in the Landscape mode.

reanusbig replied

3 years ago

Customer Reply

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;
    }
}

reanusbig replied

3 years ago

Customer Reply

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.

PenciDesign Supporter replied

3 years ago

Staff Reply

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.

reanusbig started the conversation

3 years ago

Conversation Start

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.

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