images not responsive on mobile

Columns are supposed to switch to rows in mobile. It’s so content doesn’t get squished.

Kadence Themes

Hi!
Thanks for your reply.
What do you mean by “so content”?
any advise as to what I should do with those pictures?

thanks in advance.

You can add this to your custom css box in the theme options:

.homecontent .col-md-4 {
width: 33.33333333333333%;
}

Kadence Themes

Hi!
Thanks for your reply.
I tried adding this but it still is not squished.

Can you actually turn this responsive function off?

thanks!

there is this css code you should change on responsive view:

body .main {
float: right;
}

change to:

body .main {
float: none;
}

and on this class figure.wp-caption add
margin: 0 auto;

Hi Kamalcha!
thanks for your advise.

I tried changing the code and the pictures are still lining up vertically and my sidebar is now at the bottom.

For your second comment:

“and on this class figure.wp-caption add
margin: 0 auto;”

do you mean to add this code on each image?

Thank you in advance!

just remove the body.main style.

add margin: 0 auto; to figure.wp-caption class in css file, I believe it’s in virtue.css

Hi Kamalcha,

thanks again for your help.
Seems like virtue.css is accessible only in premium version.
I’m using a free version ??

let me know if there’s anything I can do on this version.

Thanks!

just add new rule on your css file like this:
figure.wp-caption { margin: 0 auto; }
if that’s not working you might want to add !important after auto

thanks Kamalcha!!!!