HIDING BUTTONS ON MOBILE

Hey hylandgraphics,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) { 
.avia-slideshow-button {
display: none !important;
}
}

Best regards,
Mike

Hi,
Sorry I don’t think I understand, can you provide a mockup of what you would like to see?

Best regards,
Mike

Hi,
We can assist with this, right now your caption has a top padding of 170px, I assume this is for desktop, so we will want to add a media query to the css, similar to:

@media only screen and (min-width: 1024px) { 
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption{
padding-top: 170px; 
}
}

this should bring the whole section up, then we will want to un-hide the buttons.
To give you the correct css I will really need to login and see your css & then adjust it.
Can you please include a admin login in the private content area so we can take a closer look.

Best regards,
Mike

Hi,
Thanks for the login, I added this css to your Quick CSS:

@media only screen and (max-width: 767px) { 
.responsive #top.home .avia-builder-el-0 .slideshow_caption {
    padding-top: 0px!important; 
}
.responsive #top.home #wrap_all .container {
    width: 95% !important; 
    max-width: 95% !important; 
}
.responsive.av-no-preview #top.home #wrap_all .av-mini-font-size-hidden {
display: block !important;
}
.responsive #top.home .avia-slideshow-button {
    padding: 10px 10px !important; 
    font-size: 10px !important; 
}
}

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike