• Resolved JenniferCross

    (@jennifercross)


    Hi Roman and Kharis,

    I’m interested to know whether it is possible to have a different version of the Achieve your New Normal section of this website showing on a mobile. For example, I have 3 services under Achieve your New Normal – is it possible on mobile view that I could just show one of these 3 services and keep all 3 showing on laptop view?

    Thanks so much,
    Jen

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello Jen,

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    
    @media only screen and (max-width: 991px) {
      .panel-grid-cell .services-area .service {
        display: none; 
      }
      .panel-grid-cell .services-area .service:nth-of-type(1) {
        display: block;
        width: 500px;
        max-width: 100%;
        margin-left: auto; 
        margin-right: auto; 
        float: none !important; 
      }  
    }
    

    I hope this reply helps.

    Stay safe.
    Have an excellent day ahead ??

    Regards,
    Kharis

    Thread Starter JenniferCross

    (@jennifercross)

    Hi, brilliant, thanks so much for your help.

    Jen

    You’re welcome Jen!

    Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

    Regards,
    Kharis

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Variation on mobile view’ is closed to new replies.