Solved

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

Mdb_Gioto
Excursionist
29 0 11

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/

Screenshot 2024-04-30 at 12.47.41.png

Screenshot 2024-04-30 at 12.46.37.png

  

Accepted Solution (1)
LuffyOnePiece
Shopify Partner
542 79 98

This is an 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



 

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Replies 4 (4)

LuffyOnePiece
Shopify Partner
542 79 98

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

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Mdb_Gioto
Excursionist
29 0 11

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

LuffyOnePiece
Shopify Partner
542 79 98

This is an 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



 

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184
Mdb_Gioto
Excursionist
29 0 11

It worked! thank you soo much. 🙏🏻