mobile slider

[jessfelt]

I am using the Soliloquy slider. In mobile view the slider arrows appear above the slider, in the menu. Has anyone experienced this? Does anyone know how to adjust so the arrows are in the correct place?

http://idahozombies.com

[chrismcintosh]

Jess you will want to set a media query for the smaller screen size resolutions.
at the end of style.css you will want to add something like -

@media only screen and (max-width: 768px) {
.soliloquy-prev, .soliloquy-next { 
     top: 80%;
     }
}

It shouldn't be reacting like it is. You probably have a stylesheet conflict. You will have to add other media queries to ensure it will look right at smaller screen sizes.

[jimcoleman1]

Hey Chris,

I was wondering if you could give me a hand... I have a soliloquy slider displayed on my homepage of the desktop version of my site (giggleloopsy.com), but for whatever reason it does not show up at all on mobile. Do you think this was somehow disabled (it's set to be on within the soliloquy settings).

If so, would you happen to know a bit of CSS code that would allow the slider to display on mobile?

Thanks!

Jim

[jimcoleman1]

Problem solved! Found it in the CSS... Thanks anyway. For anyone else looking for a fix to this, I changed this:

/*Custom Edits*/

.home-slider {
display:none;
}

to this

/*Custom Edits*/

.home-slider {
display:yes;
}

[chrismcintosh]

Jim, I'm on vacation right now but if you drop me an email (chris at sbydigital dot com) I might be able to assist you on Monday.

[Author]

Posts