We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Mobile responsive category blog

Featured Lock Resolved Task
Hello,

Is there a simple way to make the category blog page responsive on mobile?

Please see link. Please check <410px.

Thanks

3 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that'll solve the issue.

@media only screen and (max-width: 400px) and (min-width: 320px) {
.com-content.view-category .category-name {
top: 20px;
}
.com-content.view-category .article-body {
padding: 5px 40px;
}
}

@media only screen and (max-width: 320px) {
.com-content.view-category .category-name {
top: 0px;
}
.com-content.view-category .article-body {
padding: 5px 30px;
}
.com-content.view-category .article-list .article .article-header h2 {
margin-top: 10px;
margin-bottom: 0px;
}
}




-Best Regards

Josh Douglas

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css and that'll solve the issue.

@media only screen and (max-width: 400px) and (min-width: 320px) {
.com-content.view-category .category-name {
top: 20px;
}
.com-content.view-category .article-body {
padding: 5px 40px;
}
}

@media only screen and (max-width: 320px) {
.com-content.view-category .category-name {
top: 0px;
}
.com-content.view-category .article-body {
padding: 5px 30px;
}
.com-content.view-category .article-list .article .article-header h2 {
margin-top: 10px;
margin-bottom: 0px;
}
}




-Best Regards



Hi,

Thanks for your quick reply.

I have inserted this custom CSS and this doesn't seem to fix the issue.

Is there something I have done wrong?

Thanks.

Sifat - Staff

More than a month ago #Permalink
I found they are showing fine. Please make sure you've cleared your joomla and browser caches.
http://prntscr.com/nutdl7
http://prntscr.com/nute15

-Thanks


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

327351

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us