Hiding a section

[shaneesprints]

Hello! I am working on a new theme , the testimonials look great on mobile, but the testimonials appear too big on desktop. Because of this i want to hide the testimonial section for desktop, and add a gallery section. Then i would like to hide the gallery section for mobile. i am on turbo portland theme.

[Niki_K]

Hi @shaneesprints,

I would use media queries in your css file.

For mobile version:

@media only screen and (max-width: 768px) {

Here put the code — find the relevant element, which you want to hide, and use the display hidden class 

For the element you want to display keep the classes for displaying.

} 

for dektop version

@media only screen and (min-width: 768px) {

Here use the codes vice versa

}

You will probably need to do some more slight changes to the css classes of the closest elements so that the whole page looks good on desktop and mobile.

[shaneesprints]

Thanks!