Where should I place img { max-width: 100% } in BB theme?

BB Theme
1

Hi BB Team!

I’m using the BB plugin and theme. I ran my site through Google’s mobile-friendliness test and failed.

I think the problem has to do with my images. Per instructions on this page, I wanted to place the following code in the CSS stylesheet:

img {
max-width: 100%
}

I’m not sure where to put it. Should I place the code in the Beaver Builder Theme: Stylesheet (style.css) or Beaver Builder Child Theme: Stylesheet (style.css)?

Or would you advise an entirely different approach to making the images mobile-friendly?

Sorry if that’s confusing. This stuff ain’t my strong suit. :wink:

Thanks!

Damon

2

Hey Damon,

Sorry to hear about the problem. I’m not sure why your Website did not pass the Google’s mobile-friendliness test, but it would be great if you could share your Website URL for us to have a better look at your issue.

Regarding the CSS code, you could just place it inside the BB Theme Custom CSS section by navigating to Appearance > Customize > Code > CSS Code.

Thanks!

KC

3

Hi KC,

Thanks for your reply. And double thanks for directing me to where I should place the CSS code.

Regarding my site’s mobile-friendliness (or previous lack thereof), it was definitely my fault and not a problem with Beaver Builder. I know that because I placed the following code in the BB Theme Custom CSS section and ran Google’s mobile-friendliness test…

img {
max-width: 100%
}

I passed with flying colors. :slight_smile:

Thanks again for your help. Have a great week!

Damon

4

Hey Damon,

Glad that worked for you, enjoy BB and let us know if you need anything further! :slight_smile:

Thanks!

KC