1. General
  2. Bugs
0
Under review

I add testimonial in mobile as well as desktop in simgle row but i want to remove double heading.

DHEERAJ 4 years ago • updated by Josh 4 years ago • 1

i add css code to make mobile review in one row using given css. 

i used css which was covered in the query 

#10 CSS:

@media screen and (max-width: 600px) { #wprev-slider-10 { visibility: hidden; display: none; } #wprs_nav_10 { visibility: hidden; display: none; } #wprs_nav_arrow_10 { visibility: hidden; display: none; } }

https://testimonialhubshopify.userecho.com/#

#13 CSS:

@media screen and (min-width: 600px) { #wprev-slider-13 { visibility: hidden; display: none; } #wprs_nav_13 { visibility: hidden; display: none; } #wprs_nav_arrow_13 { visibility: hidden; display: none; } }

but one more problem occurred

it shows two testimonial title mean one title is not hidden. 

problem screenshot - https://paste.pics/eb4496f21ae8e660abb49fff2fb431fe

same as in mobile 

Under review
Josh 4 years ago

You can right-click > inspect on the Testimonial section you want to hide on desktop to find the ID for the div. It will look something like this...


Then you can use the ID in some custom CSS to hide the section when viewing on desktop like so...

@media screen and (max-width: 600px) {
div#shopify-section-template--14136685527091__1629468281bd788cc9 {
display: none;
}
}

Customer support service by UserEcho