Blog Masonry Option not displaying correctly only on 481-767px widths

[Mama_Miod]

Hello Themeco team,

There seems to be an issue with the column settings for only one particular width :481-767px .
I use the masonry layout for the blog with the global content settings. For larger screens it displays 3 columns, which is correct. For 768-967px it switches to 2 columns, but then for the 481-767px which is even smaller, it goes back to displaying 3 columns. 480px and smaller is correctly displaying only 1 column.

I cannot figure out why this particular width is displaying with 3 columns. Any advice on making it display only 1 column of posts for masonry style?

Another question - can the post-title decrease in font size on mobile?

Many thanks

[ruenel]

Hello There,

Thanks for writing in!

1.) Please edit your grid and make sure that you have set the correct number of columns to display in Grid Settings > Grid > Column/Rows.

2.) The post titles can be decreased in smaller screens when you use this code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 767px){
   .maren .tg-item-title, 
   .maren .tg-item-title a {
       font-size: 17px !important;
   } 
}

We would loved to know if this has work for you. Thank you.

[Mama_Miod]

Thank you!! Addding the code seems to be the trick to get this adjusted.

Many thanks for your support!

[christian]

You’re welcome. Glad we could help.