Agent Focused Pro 2 Theme Setup

  1. Home
  2. Docs
  3. Agent Focused Pro 2 Theme Setup
  4. Extras
  5. Add Large Background Images on Single Posts, Communities on Small Screens

Add Large Background Images on Single Posts, Communities on Small Screens

The large background images at the top of the single posts, pages, communities, and listings have stopped showing on smaller screens.

Here’s how to add them back.
In WordPress, go to Appearance > Customize > Additional CSS, and add the following:

/* Add Single Background Image on Small Screens */
.large-entry-image {
	height: 240px;
}

@media only screen and (min-width: 800px) {

    .large-entry-image {
        height: 340px;
	}
}

@media only screen and (min-width: 980px) {

    .large-entry-image {
        height: 440px;
    }
}
/* End Add Single Background Image on Small Screens */