Page 1 of 1

Center slider button desktop and mobile

Posted: July 11th, 2016, 6:30 pm
by mikechitwood
Hi,

can you tell me how to center the slider button on my opening slider page?
mikechitwood.com

also it is not sized at all appropriately in a mobile or tablet view.

Thank You,
Mike Chitwood

Re: Center slider button desktop and mobile

Posted: July 12th, 2016, 11:19 am
by support_staff
Hi,

Please add below css into custom css editor.

Code: Select all

@media (min-width:769px){
.master-slider a.sbutton1{
margin-left:50 !important;
} }
Save the changes.

Thanks.

Re: Center slider button desktop and mobile

Posted: July 14th, 2016, 8:53 pm
by mikechitwood
Hi,

Thank You - the css code fixed the centering of slider button on opening slider page on Desktop view.

However, the slider button viewed through mobile device or tablet does center or resize properly.
Can you please advise how to fix through mobile and tablet view?

mikechitwood.com

Regards,
Mike Chitwood

Re: Center slider button desktop and mobile

Posted: July 19th, 2016, 6:21 pm
by support_staff
Hi,

Please add below CSS code into Custom CSS Editor.

Code: Select all

@media (min-width: 1025px){
.ms-layer .sbutton1{
  margin-left: 50px !important;
   left: 50% !important;
}
}
@media (min-width: 769px) and (max-width: 1024px){
.ms-layer .sbutton1 {
    left: 50% !important;
    margin-left: -30px !important;
}
}
}
@media (max-width: 768px){
.ms-layer .sbutton1 {
    left: 50% !important;
    margin-left: -50px !important;
}
}
Save the changes.

Thanks.

Re: Center slider button desktop and mobile

Posted: December 30th, 2016, 6:50 am
by mikechitwood
Hi Support,

Since recently updating theme, the opening page slider button ('Specialist for over a decade") viewed through desktop, mobile device or tablet does center or resize properly.
Can you please advise how to fix?

mikechitwood.com


Regards,
Mike Chitwood