Rev slider navigation disappear on mobile

[Kyle – SUPPORT]

Try -100px, because that’s what worked for me

– Kyle

[lobsterass]

OK. Done. It looks good on computer but the nav thumbs are still far below slider on mobile. I might be totally retarded but I can’t seem to change anything.

[Kyle – SUPPORT]

-200px? (screenshot)

I said -100px

– Kyle

[lobsterass]

I tried different values. -80 px was perfect.

You’re a rock star, Kyle! I’m not sure what I did wrong but now it works. Happy, happy! 🙂

Thanx!

<3

[Kyle – SUPPORT]

Ok great! 🙂

– Kyle

[lobsterass]

Hi again!

So, this issue got resolved with that code eventually. Sorry for not writing that here. Thank you!

Now, I’ve reduced the blank spacing all over my site (better for mobile view) and this problem returned on mobile units. Crap! I’ve tried about 15 different negative pixel values for that bottom-code, but none makes my rev slider nav buttons show. Is there a way you could come with at value-suggestion, Kyle?

This is the current code for this, placed last in my custom CSS list:

}
@media only screen and (max-width: 768px) {
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -100px!important;
}

<3

A

[Kyle – SUPPORT]

Hi

Again, you haven’t closed the media query:

@media only screen and (max-width: 768px) { 
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -100px!important;
}

You need to add another closing tag to close the media query. Also you need to delete the plugin cache

– Kyle

[lobsterass]

Ah! Sorry for being slow. Got it. I did save all your previous instructions but I guess I was too blonde to figure it out anyway. I need that cache plugin, but I manually empty the cache all the time. Anyway, it works now. You’re awesome, Kyle! 🙂

[Kyle – SUPPORT]

No problem 🙂

– Kyle

[lobsterass]

Hi Kyle!

My custom nav thumbs disappear on mobile with this code:

@media only screen and (max-width: 768px) {
.tp-bullets.tp-thumbs {
display: block!important;
bottom: -160px!important;
}

I’ve been trying to play with it back and forth. No luck. I’m missing something. What should I do? I want them visible but not placed too far below the slider.

<3

<3

[Kyle – SUPPORT]

Try this:

.tp-bullets, .rev_slider_wrapper > .tp-leftarrow, .rev_slider_wrapper > .tp-rightarrow {
  display: block!important;
}

– Kyle

[lobsterass]

Hola!

I don’t get it to work. Maybe I should clarify what the problem is. Please see my image.

On mobile – I need to get the nav thumbs visible but placed not too far below the rev slider.

On computer – Nav thumbs are visible and placed OK on computer.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

I’m sure we have sorted this before?

– Kyle

[lobsterass]

Yeah, I thought so too but it doesn’t work now. Confused! I’ve spent hours trying to figure it out. I’m attaching my rev slider settings in case that helps.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

The CSS I previously provided definitely works, please check your other CSS, make sure you have closed all media queries. Check for any mistakes you might have made, or move the CSS to the top to check. Also if you are using cache plugins make sure to empty the cache

– Kyle