Crelly Slider - Center button on Mobile

Hello,
I’ve been trying to center the SEE OUR SERVICES button on the home page of my staging/development site [LINK].

I have the right look on desktop - but on mobile (iPhone 6s), the button is not centered on the screen, or below the text. See images below from (1) Safari and (2) Chrome - both from my iPhone.

OneDrive

Per Previous questions, I have implemented the following CSS:

@media only screen and (max-width: 991px) {
  
  .cs-slide a > div {
    font-size: 14px !important;
    padding: 15px 20px !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);    
  }
  
}

@media only screen and (max-width: 991px) {
  
 .cs-slide > div {
   display: block !important;
   width: 100% !important;
   left: auto !important;
   right: auto !important;
   text-align: center !important;
 }

 .cs-slide a[href="#primary"] {
   margin-bottom: -100px;
 }

 .cs-slide span {
   font-size: 11px !important;
   display: inline !important;
   word-break: break-all !important;
   max-width: 80% !important;
 }

  .cs-slide span span {
   font-size: 18px !important;
 }  
 
}

Any additional help you can provide would be helpful.

Thank you.

Andy

Hello Andy,

It looks like a Crelly Slider plugin issue, not a theme issue. You can contact Crelly Slider support regarding this issue and see what they say.

Kind Regards, Roman.

Thanks Roman -
Crelly Slider support is not so great. I’m looking at other slider options that will do what I need them to do. Currently looking at Smart Slider 3 (Free) as a replacement.

Do you have a way that I can insert the slider onto the site so that it functions the same way as Crelly or Theme Slider?

Thanks.

Andy

Hello Andy,

Sure, you can add slider shortcode in Customize > Header area > Shortcode section.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.