Change a Section's position Only on Mobile|| Symmetry theme

[Mdb_Gioto]

As I said, We need to move up the testimonials Section only on Mobile.

I need this section just below the  first rich text section. 

This is my store link: https://gioto-1308.myshopify.com/

  

[LuffyOnePiece]

Hi @Mdb_Gioto ,

We do need to add the testimonials Section in both places and hide the show using css based on screen size.

Thank you

[Mdb_Gioto]

OK. I just created the second testimonial section, how can I hide the first one on desktop, and the second one on mobile?

[LuffyOnePiece · Accepted solution]

Hi @Mdb_Gioto ,

Add below css to the styles.css file.

div#shopify-section-template--19215236301067__testimonials_6CjjtP {
    display: none;
}

div#shopify-section-template--19215236301067__testimonials_qMrFMG {
    display: block;
}

@media screen and (max-width: 768px) {
    div#shopify-section-template--19215236301067__testimonials_qMrFMG {
        display: none;
    }

    div#shopify-section-template--19215236301067__testimonials_6CjjtP {
        display: block;
    }
}

Please don't hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[Mdb_Gioto]

It worked! thank you soo much. 🙏🏻