Featured Section 1 Image Not Responsive

Homepage Community Forums Aspire Theme Support Featured Section 1 Image Not Responsive

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #22658
    Cwemely
    Customer

      Hi,

      I put an image in Featured Section 1 in the customizer, but the image does not automatically resize properly when changing window width on the browser. The image just cuts off.

      Is there a setting I am missing? I followed the size requirements and the original images for the theme were responsive.

      Thank you!

      #22661
      Wes
      Moderator

        Hi, Do you have a link to your site I can take a look at?

        The image size listed is really just a suggestion and not necessarily a requirement. Some images may need to be set at different sizes in order to show up properly.

        Also, the Parallax code makes it kind of difficult for smaller images to display if there is a lot of content on top. I’ll need to take a closer look at what’s going on in order to know exactly what the issue is.

        #22665
        Cwemely
        Customer

          Hi!

          Sorry! I didn’t know you replied.

          The site is https://www.harfordcountywinefestival.com

          Thanks!

          #22793
          Cwemely
          Customer

            Hi,

            Were you able to take a look at this? I just don’t see the difference from the sample background images except for our image is not as deep.

            Thanks.

            #22794
            Wes
            Moderator

              Just took a look. Usually when you have an image with text like this, it’s better to add that image inside of the widget itself (inline) rather than have it as a background.

              Background images that are responsive or designed to adjust with the browser sometimes won’t show certain parts of the image due to the size of the visitor’s browser. Browsers do their best to resize background images to fit the screen without stretching the image or losing too much quality.

              Since the text in your image is wide, there isn’t much the browser can do to show all of it as a background while still showing the full height on a narrow browser…..unless it’s added as an inline image.

              I would probably add a BLACK background image for the widget, and then add the image with the text inside the widget using the Custom HTML widget. <img src="LINK_TO_YOUR_IMAGE.png" alt="">

              Let me know if that helps.

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