Genesis responsive slider on mobile

[Dag-Erling]

Hey

I'm working on this page http://www.dagerlingjensen.no/sandbox3

I've fixed most issues but I would like the the genesis slider to stretch to the top and to the bottom when I'm looking on a mobile device.

How can I fully control this picture?

http://www.dagerlingjensen.no/sandbox3

[AnitaC]

You will need to add the slider CSS to the media queries/responsive area in your style sheet. And test the height and width of the slider on the device you are looking at. You'll probably have to add the code and tweak it as you check back and forth on your devices.

---

Need help with customization or troubleshooting? Reach out to me.

[Dag-Erling]

Yes 🙂 So far I've gotten. But I can't figure out what part of the CSS that ends up controlling the image size.

Edit: Could it be

http://www.dagerlingjensen.no/media="all"
.flexslider .slides img {
display: block;
max-width: 100%;

(In Norway, so it's time to get some sleep. Will update tomorrow)

[AnitaC]

What mobile device size are you viewing on? Can you provide a screenshot?

---

Need help with customization or troubleshooting? Reach out to me.

[Dag-Erling]

Yes of course

It's a HTC sensation. Old phone but good test case. So it's a 540 x 960 pixels screen.

http://www.dagerlingjensen.no/wp-content/uploads/2014/01/screenshoot.png

[AnitaC]

Here's the thing. Are you still working on this site? It's not complete yet, right? If so, finish it first. Get all of your content and elements in place and then do the responsive part last for that device. This way you can tweak all of the elements at one time once they are all there.

---

Need help with customization or troubleshooting? Reach out to me.

[Dag-Erling]

I'm only concerned about the responsiveness on the front page. The others are working as they should. The slider is the only thing giving me trouble at the moment.

[Dag-Erling]

Since I couldn't figure out how to make the picture has tall as I wanted I ended up just hiding the navigation buttons on the bottom when the screen goes below 800px.

Any attempt to make the picture taller would push all the footers down. So the little gap would be there regardless.

PS! And off-topic: The reason why I am focusing so much on this is because I have a "client from hell" situation. I had a pretty page with 6 posts displayed on the front as the agency-pro theme comes with. I got tons of positive response on it. Even on the second meeting where I showed off the page to the clients everyone loved it with the exception of one. The boss of course. So he wanted it to look more like an app.

[Author]

Posts