Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – 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

Tags:

3

Answers


  1. 0

    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;
  }
}
    Login or Signup to reply.
  2. 0

    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;
       }
    }
    Login or Signup to reply.
  3. 0

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

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search