Hide Text On Mobile View

Solved
Highlighted
Tourist
6 2 0

hi all, please check the screenshot below 

URL is = www.raw-cut.com


Screeb ShotScreeb Shot

 

 

 

 

 

 

 

i have a section on the main page which have text. i want to keep it on desktop version but want to hide some of it (on red box) on mobile view so customer will not scroll a long. even if that means i hide the entire text! 

help will be highly appreciated. I am using a custom theme developed for us.

thanks

0 Likes
Highlighted

Hello @Adeeb,

1. Go to Online Store->Theme->Edit code
2. Asset->style.css->paste bellow code in bottom of file

@media only screen and (max-width: 767px) {
.img-with-video.w-left .left-custom-text p:nth-child(2), .img-with-video.w-left .left-custom-text p:nth-child(3) {
    display: none;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
6 2 0

This is an accepted solution.

Worked like a charm.. perfect.. thank you so much

0 Likes