Crelly Slider - Center button on Mobile

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.


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.


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?



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.