Site is not responsive on mobile devices

hai. I just want to ask something about virtue or any other themes. I noticed when i changed the width of that theme in advance setting, the page will not fit to the screen in mobile. But when i remove the code to edit the width, it fits perfectly. I just want to know if there is a solution for this where i can edit the width but still maintaining the responsiveness in mobile. Thank You.

I built a website in virtue for a client and can’t seem to get the responsiveness to work on mobile devices. Is there anyone that can help?

The website is https://www.brandonmaddoxmusic.com.

Any help would be much appreciated.

Looks like you have the site set in an iframe? That would cause issues on mobile.
Kadence Themes

Hello,

I am using the Virtue theme on my page, projects.sunfarmer.org.

It is someone responsive on mobile, but several images look terrible. Specifically, there are two images (JPGs) that I loaded into 2 columns on the homepage with the Virtue shortcodes, but on my phone one of the images is cut off on two sides, and the other is squished.

Any idea why this is happening and how to fix?

Thanks,
Amanda

Hey,
add this css to your custom css box in the theme options > advanced settings:

.infobanner {
background-size: contain !important;
}

In the future please post a new topic.

Kadence Themes

Perfect, looks great now. Thank you!