Support » Theme: Relia » Resizing of Jumbotron Image

  • Hello!

    We currently use the Relia theme on WordPress on our website https://www.drinkswithfrenemies.com. We absolutely love it! There is one issue we can’t seem to resolve. How do we get the background image on the Jumbotron to adjust its size for different devices. When viewing the site on a tablet or phone the image is unfortunately trimmed instead of resized to fit the screen. Thank you in advance for your assistance to this matter!

    Best,
    Erik

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Don’t bother. They clearly aren’t smart enough to figure it out. They will just tell you this:
    The Jumbotron is fully responsive, which means that the container width, as with everything on the site, scales down as the browser narrows or when the site loads on a mobile device. Because computer screens are a widescreen or “landscape” aspect ratio, and mobile devices are normally viewed in a vertical, “portrait” aspect ratio, some of the image will inevitably be hidden. The only potential way to avoid this would be to shrink the height of the Jumbotron so that the “landscape” aspect ratio is maintained when viewing on a mobile device. However this would mean that on a narrow device such as a phone, the height of the Jumbotron would be very, very small, and the contents of the Jumbotron such as the title and buttons would break out of the container due to the lack of space, even with smaller font sizes. It is for these reasons that we strongly recommend against using images with text embedded in them, and choosing imagery with a strong central focal point, as the center of the images is what will always be shown.

    Good luck finding an image you only want your website visitors to see 1/16th of.

    • This reply was modified 2 years, 4 months ago by rcooper612.
    • This reply was modified 2 years, 4 months ago by rcooper612.
Viewing 1 replies (of 1 total)
  • The topic ‘Resizing of Jumbotron Image’ is closed to new replies.