‘Author’ template: show images in mobile view

Website Templates
1

Hi!

I have a question about the ‘Author’ website template (Colorlib | Free Bootstrap Website Template), for which I have bought a license.

Except for the hero image and the partner images, the other images are not visible in the mobile view. For example, in the About the book section there is a nice image on the left on a desktop screen size. The image is resized in the table view (thanks to flex), but it disappears on mobile screen size.

Any tips on what to change in the html/css to have the image shown even on mobile screen size? It would be perfect if the image is shown above the About the book header or text.

This is the relevant part of the html page:

<div class="row d-flex no-gutters">
  <div class="col-md-6 col-lg-6 d-flex">
    <div class="img-about img d-flex align-items-stretch">
      <div class="overlay"></div>
      <div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/xbg_1.jpg)"></div>
    </div>
  </div>
  <div class="col-md-6 col-lg-6 pl-md-5">
    <div class="row justify-content-start pb-3">
    ...

Thanks,
Zoltan

2

Hi Zoltan

That section has blank space and image as a background, easiest thing is to remove background image and place an image tag instead