Center slider button desktop and mobile

Ask Guardian Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

Post Reply
mikechitwood
Posts: 33
Joined: August 25th, 2015, 5:05 pm

Center slider button desktop and mobile

Post by mikechitwood » July 11th, 2016, 6:30 pm

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

support_staff
Posts: 7205
Joined: February 26th, 2015, 1:40 pm

Re: Center slider button desktop and mobile

Post by support_staff » July 12th, 2016, 11:19 am

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.

mikechitwood
Posts: 33
Joined: August 25th, 2015, 5:05 pm

Re: Center slider button desktop and mobile

Post by mikechitwood » July 14th, 2016, 8:53 pm

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

support_staff
Posts: 7205
Joined: February 26th, 2015, 1:40 pm

Re: Center slider button desktop and mobile

Post by support_staff » July 19th, 2016, 6:21 pm

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.

mikechitwood
Posts: 33
Joined: August 25th, 2015, 5:05 pm

Re: Center slider button desktop and mobile

Post by mikechitwood » December 30th, 2016, 6:50 am

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

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”