By Chaon on Wednesday, 06 February 2019
Posted in Technical Issues
Replies 3
Likes 0
Views 614
Votes 0
Hello, i noticed that a lot of members are facing the same problem with Grid showcase on mobile view that still shows up with big letters as it does on desktop mode. I saw a fix here https://stackideas.com/forums/menu-grid-layout-showcase-layout-problem can you please share the css code to apply it on my custom.css ?

Till now i used this but it's not working very well on mobile

.eb-blog-grid-showcase-content__title {
font-size: 2.2vmax !important;
overflow:visible !important;
white-space:normal !important;
}
Hi there,

Applied css codes below at this path your_current_template/css/custom.css. Can you give it a check and see how it goes.

[gist type="css"]
@media (max-width:768px)
{
.eb-blog-grid__title {
font-size: 2.2vmax !important;
overflow:visible !important;
white-space:normal !important;
}
}
[/gist]
·
Thursday, 07 February 2019 11:07
·
0 Likes
·
0 Votes
·
0 Comments
·
I got the point but your css was wrong since it's reffering on blog-grid__title and not on blog-grid-showcase-content__title I also did some modifications for the showcase date text.

The final css code for anybody else that needs to modify this aswell is

@media (max-width:768px)
{
.eb-blog-grid-showcase-content__title {
font-size: 2.6vmax !important;
overflow:visible !important;
white-space:normal !important;
}
.eb-blog-grid-showcase-content__meta--text {
font-size: 1.6vmax !important;
margin-top: 22px !important;
}
}



Btw Abdul Warith Norudin i save all custom css for EB custom css is it better to save it on templates dir?
·
Friday, 08 February 2019 01:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

Btw Abdul Warith Norudin i save all custom css for EB custom css is it better to save it on templates dir?

It should be no problems as those modifications are meant to be there and not be overridden on your next update(both template and Easyblog) and yes it is better to save them on template directory.
·
Friday, 08 February 2019 10:09
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post