Featured Section 4 Image

Homepage Community Forums Aspire Theme Support Featured Section 4 Image

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #17775
    krosebraugh
    Customer

      I have a background image in section 4 that is 1600×1067. On mobile the image gets cropped and not all of the items fit in front of the photo. Here is a link to the site:http://katie.design/artful/
      Check it out on a mobile device and you can see what I mean. Section 4 is the one with the 3 icons of different types of music the client offers.
      Thanks,
      Katie

      #17807
      kronos
      Customer

        Yeah that happens on pretty much any site or theme that uses Parallax/Large background images. The Background Images are designed to only Scale so far using CSS (without being distorted). Once you have a lot of content that exceeds beyond the size or height of the image, then the image will stop while the content keeps going. That’s why you’ll see a background image with content that continues to go beyond the image.

        What a lot of developers do in this situation is create a second image that only shows up when viewed on mobile devices. This image is usually edited to handle a larger height. I’ve seen some people change the image entirely, or remove it and have a background color show up when being viewed on mobile devices.

        You should be able to do that with whatever Photo Editing software you’re using……assuming you’ve used one to create the images you have (if not, then we’ll have to come up with some alternatives)

      Viewing 2 posts - 1 through 2 (of 2 total)
      • You must be logged in to reply to this topic.