[AnythingAnthony]

Hello,

My site is: http://www.testingsite.website

I like the desktop version and how the featured boxes are setup. Once I check it on mobile, the 2nd row of boxes are slightly smaller than the 1st row.

Is there a way to make them the same size?

Appreciate your help!
Anthony

[ahmetsali]

Hi Anthony,

that’s a cool blog you are building ;) I see your point, you can try this custom css code to fix it;

@media screen and (max-width:991px) {
    .slider-box.w-75 ~ .link-box:nth-child(n+4) { width: 33%; }
    .slider-box.w-75 ~ .link-box:nth-child(5) { clear: left; }
}
@media screen and (min-width:992px) and (max-width: 1399px) {
    .slider-box.w-75 ~ .link-box:nth-child(n+5) { width: 33%; }
    .ratio-ultra-wide .post-slider .post-wrap { padding-top: 44.75%; }
}

Cheers.

[AnythingAnthony]

Worked great, thank you!!

[ahmetsali]

you’re welcome ;) please don’t forget to rate the theme on themeforest if you liked it, thanks.

[agatasto]

Hi
I also have a problem with mobile version of my site: http://www.stohistorii.pl
On desktop version all the boxes are in a nice line, while on mobile version they are in 3 lines… I had written about this problem around 2 months ago and since then I did two updates but it didn’t change.

[serkan]

Hi,
You can try to use these custom css codes;

@media screen and (max-width: 991px) {
.link-box.ratio-2-1 .post-wrap { padding-top: 34%; }
.link-box:first-child { width: 100%; padding-top: 10px; }
.link-box:nth-child(n+2) { width: 50%; } }

Thanks

[agatasto]

It didn’t change at all:(
https://s23.postimg.org/p6lpdy3gr/mobile_version.png – this is how it looks like with custom css code.

[serkan]

Hi, Could you please, copy and paste the code at the top of the custom css box ?
I tested the code and it should work for you.
Thanks

[agatasto]

It’s way better, thank you!
Just one more thing with font adjustment in first link box – it doesn’t fit https://s24.postimg.org/6ull84v45/mobile_version2.png

[serkan]

You don’t have the issue for the fits block I guess.
Thanks