White space when shrinking browser

Tagged: epik, homepage, slider wide

This topic has 9 replies, 2 voices, and was last updated 8 years, 3 months ago by Eric.

Viewing 10 posts - 1 through 10 (of 10 total)

Author

Posts
September 27, 2015 at 4:33 pm #16463
gpcreative
Customer
So I put my wide homepage image in Slider Wide section. Everything looks great till I shrink the browser to see what it will look like on a mobile device and then I get the white space showing up. It gets bigger as I shrink. Any ideas? Thanks!
September 27, 2015 at 9:14 pm #16480
Eric
Customer
Hi, we would need a link to see what’s going on.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
September 28, 2015 at 2:39 pm #16486
gpcreative
Customer
The space is under the photo when you shrink browser.

Here’s the link. Thanks!
September 29, 2015 at 1:29 pm #16495
gpcreative
Customer
Anyone have an idea?
October 6, 2015 at 9:59 pm #16551
Eric
Customer
Sorry about that, I didn’t see your reply.

It would actually be better to add that image as a Background image in your CSS rather than an inline image. If you make it a background image in your css, then it will adjust to your browser size and there should be no white space.

Do a search for .slider-wide in your css file and add it like this –
```
.slider-wide {
    background: url(http://www.talkingapemedia.com/wp-content/uploads/2015/09/TAM-Homepage-Photo-0001-2280pixels-cropped.jpg);
    clear: both;
    width: 100%;
}
```
I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
October 24, 2015 at 8:23 pm #16593
gpcreative
Customer
I tried what you said and it didn’t work. The image didn’t appear.

I noticed a few mistakes I believe. You didn’t have quotes and you said background instead of background image. I changed those things and it still didn’t work. Any ideas?
October 25, 2015 at 9:16 am #16594
Eric
Customer
No that’s not a mistake that is exactly how you would add it to your css. You can use background OR background-image depending on the situation. You also don’t need to use quotes.

I just took a look at your site but it looks like you’re using a different theme now. The code I posted would only work for Appfinite’s Epik theme.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
December 6, 2015 at 3:27 pm #16824
gpcreative
Customer
I came back to Epik and I tried the code you said to use and it still doesn’t work. Any ideas?
December 6, 2015 at 9:42 pm #16826
gpcreative
Customer
Okay, so with the added CSS you gave me nothing happened. But then I embed the same image into Slider-Wide Widget and not only did the image show up perfectly in the widget but the same image from the CSS code appeared behind it. I left it that way so you could see it. Any ideas?
January 2, 2016 at 8:19 pm #16916
Eric
Customer
Sorry for the late response, I have no idea why I’m not getting notifications….probably something to do with my email.

I looked at the link now and it appears to be working. Did you get this fixed? It’s looking good on my end.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.