skip to Main Content

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

3

Answers


  1. 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. 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. 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