• 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

widget background…not showing up on phone or tablet

Home › Community Forums › Epik Theme Support › widget background…not showing up on phone or tablet

Tagged: widget background image

  • This topic has 3 replies, 2 voices, and was last updated 8 years, 6 months ago by Wes.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 14, 2013 at 5:38 pm #9501
    Greg P
    Customer

    I have a background image set up for the wide slider widget. Looked nice…until I looked at it on my phone. Then you only see the background color. Checked it out on a tablet and same deal.

    Any thoughts on that?

    Thanks!

    Greg

    December 14, 2013 at 8:56 pm #9502
    Wes
    Moderator

    Do you have a link so we can see?

    December 15, 2013 at 11:03 am #9504
    Greg P
    Customer
    This reply has been marked as private.
    December 15, 2013 at 8:28 pm #9506
    Wes
    Moderator

    I’m not sure exactly how you want it to look, but if you add background-size: cover; that will make the image a little more responsive (line 1159 in your css) –

    .slider-wide {
        background-size: cover;
        background: url('http://www.lagboltmedia.com/wp-content/uploads/2013/12/skyscraper.jpg') no-repeat fixed center;
        clear: both;
        height: 500px;
        width: 100%;
    }<!--formatted-->

    Then I’d remove the height that you added, but you could do that in your responsive section of the css if you want to keep it for desktop browsers.

    You could also remove the margin-bottom for the .slider-wide .wrap on 1167 in your css to remove the blue color from showing up at the bottom.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 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 © 2022 · Appfinite · Built With The Genesis Framework