SKT Local Business Pro slider width

[Customer]

Hi Support:

I am using SKT Local Business Pro and adjusted the home slider width to match the navigation bar width by the following code:

#slider{width:73.4% !important; margin:0 auto !important;}
.nivo-controlNav{left:18% !important; bottom:14% !important;}

The slider width now match the navigation bar width on my pc, but dose no match on some pc including the mobile. Also the slider text overlap the header on mobile, wonder is there a way to match slider width with navigation width on all devices, and also no text overlapping issue?

Thanks

[Sonl Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Customer]

Hi Chris:

Please find the URL: http://fiscalagents.leafcom.website/

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#slider { width:1160px;}

@media screen and (min-width:320px) and (max-width:1159px) {
#slider { width:100%;}
.slider-main { padding:0 10px;}
}

Regards,
Dave

[Customer]

Hi Dave:

Added the code suggested but the issue still there. Should I remove the following old code after adding the new code?

#slider{width:73.4% !important; margin:0 auto !important;}
.nivo-controlNav{left:18% !important; bottom:14% !important;}

Thanks

[Sonl Sinha]

Hi,

Remove only width in old code.

Example:
#slider{margin:0 auto !important;}

Regards,
Chris

[Customer]

Hi Chris:

Tried the following code:

#slider { width:1160px;}
@media screen and (min-width:320px) and (max-width:1159px) { #slider { width:100%;} .slider-main { padding:0 10px;} }
.nivo-controlNav{left:18% !important; bottom:14% !important;}

new issue – slider shifted to the left border, any clue?

Thanks

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

#slider { width:1160px !important; margin:0 auto !important;}
@media screen and (min-width:320px) and (max-width:1159px) { #slider { width:100% !important;} .slider-main { padding:0 10px;} }
.nivo-controlNav{left:18% !important; bottom:14% !important;}

Regards,
Chris

[Author]

Posts