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%;
}
```
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.