Hiding just the buttons on mobile in fullscreen slider - Support

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

Author

Posts
August 16, 2018 at 7:18 pm #998091

hylandgraphics
Participant

Hi guys,

Can you provide me some CSS to hide just the buttons on mobile in fullscreen slider? Thanks!

August 16, 2018 at 7:33 pm #998101

Jordan Shannon
Inactive Moderator

Hey hylandgraphics,

This is possible but we would like to see the site/page in question so we can see your specific ids and classes.

Best regards,
Jordan Shannon

August 16, 2018 at 7:35 pm #998104

hylandgraphics
Participant

It is listed below. It would be great if we could get the captions and buttons to show on mobile but if not I’d be happy with just hiding the buttons as they are getting cut off on mobile portrait. Thanks for your help!

August 16, 2018 at 8:04 pm #998131
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css:
```
@media only screen and (max-width: 767px)  {
.slideshow_caption{
display:none!important;
}}
```
Best regards,
Jordan Shannon
August 16, 2018 at 8:06 pm #998132
hylandgraphics
Participant
That did not seem to work? You can see the results here: http://www.responsinator.com/?url=www.hylandgraphics.com%2Fcaise%2F
- This reply was modified 6 years, 4 months ago by hylandgraphics.
August 16, 2018 at 8:13 pm #998137

Jordan Shannon
Inactive Moderator

Hi,

Please add what I gave you to the very top of quick css so it runs first. Also be sure to clear your cache a few times over. I just tested again and it worked.

Best regards,
Jordan Shannon

August 16, 2018 at 8:14 pm #998138

hylandgraphics
Participant

How am I supposed to clear the cache on my phone. It is the only CSS in my quick CSS. It did not work on my iPhone or on the responsiantor site?

August 16, 2018 at 8:35 pm #998143

hylandgraphics
Participant

https://snag.gy/zZ2vWH.jpg

Cleared Cache, sill not working on my phone or responsianor.: http://www.responsinator.com/?url=www.hylandgraphics.com%2Fcaise%2F

August 16, 2018 at 8:36 pm #998144

hylandgraphics
Participant

Somehow it worked this time. Thanks for you help! :)

August 17, 2018 at 7:01 am #998280

Rikard
Keymaster

Hi,

Great, glad you got it working :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

August 17, 2018 at 3:33 pm #998481

hylandgraphics
Participant

Is there a way that we can simply hide the buttons on mobile and keep the headline? This code worked but got rid of everything instead of my original request. Just wondering. Thanks!

August 17, 2018 at 7:13 pm #998555
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css instead of what I originally gave you:
```
@media only screen and (max-width: 767px)  {
.avia-slideshow-button{
display:none!important;
}}
```
Best regards,
Jordan Shannon
Author

Posts

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

You must be logged in to reply to this topic.