• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Featured Section 1 Image Not Responsive

Home › Community Forums › Aspire Theme Support › Featured Section 1 Image Not Responsive

  • This topic has 4 replies, 2 voices, and was last updated 4 years, 8 months ago by Wes.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 26, 2018 at 9:53 am #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!

    May 26, 2018 at 6:11 pm #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.

    May 30, 2018 at 5:28 pm #22665
    Cwemely
    Customer

    Hi!

    Sorry! I didn’t know you replied.

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

    Thanks!

    September 10, 2018 at 1:50 pm #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.

    September 11, 2018 at 4:36 pm #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.

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

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework