Variation on mobile view

  • Resolved JenniferCross

    (@jennifercross)


    4 years, 10 months ago

    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.