Hiding a section

shaneesprints
New Member
4 0 0

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.

0 Likes
Niki_K
Shopify Partner
170 17 52

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.

Send me a link to your store to niki@hey.com and I'll help you out.
For more info what I do, visit nikikozak.me
0 Likes
shaneesprints
New Member
4 0 0

Thanks!

0 Likes