CODEWITHSUNDEEP
wordpresselementor
Trts
Trts

Reputation: 1069

Elementor: a section is hidden on mobile phones

I'm trying to use OceanWp theme. And I have imported demo data "Lawyer". And modified it for myself.

This is a demo: https://lawyer.oceanwp.org/

The section "Why Choose Our Firm" does not apper on mobile phones. Both in the demo, and in my case.

It has switched somewhere. I have also checked if a class is added manually. It seems that no class is added. But in fact elementor-hidden-phone is still present. Could you tell me what to look at to solve the problem?

enter image description here

enter image description here

Upvotes: 2

Views: 2775

Answers (4)

George
George

Reputation: 136

This is not an Elementor bug. You'll have to explicitly tell Elementor to 'Play On Mobile' by going to:

Style -> Background and setting Play On Mobile to 'yes'.

This will add "background_play_on_mobile":"yes" to the Elementor section element:

data-settings='{"background_background":"video","background_video_link":"https:\/\/vimeo.com\/12345678","background_play_on_mobile":"yes"}'

Refer to the screenshot.

enter image description here

Upvotes: 0

ViDiV
ViDiV

Reputation: 61

There's a bug in Elementor: check "Hide On Mobile" and just uncheck it - class will disapper

Upvotes: 6

Kanhaiya
Kanhaiya

Reputation: 49

To fix this via CSS, simply follow the below steps.

  1. Once logged in, edit the "Why Choose Our Firm" section in the elementor.

  2. Add a class, for example - "lawyer-firmvisible-section".

  3. Put the CSS

    @media (max-width: 1024px){
  section.lawyer-firmvisible-section {
    display: block!important;
  }
}

Upvotes: -1

Gaurav Mittal
Gaurav Mittal

Reputation: 1

Please use this CSS in the custom CSS plugin (https://wordpress.org/plugins/custom-css-js/)

@media (max-width: 1024px){
     section.lawyer-firmvisible-section {
          display: block !important;
       }
    }

Upvotes: -1

Related Questions