Hide Blog preview in mobile

[miltokas]

Hi there!

I have a blog preview on my landing page and, in the mobile version, the blog preview is way too long.

How can I hide the Blog description in mobile, leaving only the Photo and the Title?

Website: https://venga-store.com/

Theme: Dawn

Thanks a lot for your help!

[LuffyOnePiece]

Hi @miltokas ,

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code just above tag

If you require further help to optimize or customize your store, please don’t hesitate to reach out. 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

[Raj-webdesigner]

Add This css In Your base.css File

@media screen and (max-width:650px){
    .blog__posts.articles-wrapper p.article-card__excerpt.rte-width {
        display: none;
    }
}

This Hide a Blog-post Description in mobile only.

[niraj_patel]

Hello @miltokas

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px){ .article-card-wrapper p.article-card__excerpt.rte-width { display: none !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.