The grid responsivness

Support
#1

Hi see:

I have a grid setup for posts, but on the mobile, it looks terrible.

How do I make the top image stay at a visible height? at the moment, it shrinks and makes the image nearly invisible…I would liek it to keep the same ratio with the title below.

Thanks.

#2

Hi @logoglo,

You can try adding this in Theme Options > CSS

@media(max-width:979px) {
.pracia-grid  .tg-item {
      min-height: 250px !important;
}
}

Hope that helps

#3

A strange thing is happening (also here http://pofesevi.kinsta.cloud/our-blog/) so I add it in the css area, and save it, and it looks good, and works while in the customizer, but when I exit, it stops working…

#4

Hi @logoglo,

That could only be a cache issue as I see you’re using cloudflare. Please clear your cloudflare’s cache and if you’re using any cache plugin clear it’s cache too. If your server is caching data so you may need to clear your server’s cache as well to see the changes on the front-end.

You can also try adding the suggested CSS in your child theme’s style.css file and then clear all caches and see if this works

Let us know how this goes!

#5

I have cleared all caches…like I said, it works in the customizer, shows the code and look changing, but then when I exit, it doesnt work, as you can see, the code is there…

#6

Hey @logoglo,

I checked and it seems like a syntax error in your custom CSS which could be preventing your code to take effect. You can validate your custom CSS here http://csslint.net/ and remove the errors and see if this resolves the issue. In the mean time add the above code in your child theme’s style.css file and it should work as expected.

Let us know how this goes!

#7

Can you just tell me whats wrong, or give me the correct code? If I was a coding genius, I wouldn’t be asking for your help. Thanks.

#8

Hi @logoglo,

Upon validating the code i see you’ve an extra curly bracket in your custom CSS (see the underlined curly bracket in the screenshot)

Please remove this one out because this will be breaking your CSS. I see you still have not added the suggested code in your child theme’s style.css file, this would have confirmed if the issue is because of the syntax error.

Hope this helps!

#9

the issue persists, its not breaking the code either, as all the other css works…again, why would it show its working in the customizer, but not on the live page?

#10

I have fixed it, I put the code in the actual css of the grid and its working:

#11

Glad you’ve sorted it out :slight_smile:

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.