Slider bar size changing for different size displays

  • Hi there,

    I am having a little bit of a problem, the problem is that when I look at the website from a desktop/laptop computer the website looks great. However, when I look at the website on a smart phone, the slider bar is set to 935px so it looks huge and completely ruins the website’s front page.

    Is there a way to change the slider bar size so it changes depending on whether you are using a smart phone or a computer?

    Website: https://www.savymotorsport.com.au

Viewing 1 replies (of 1 total)

  • First issue is not the slider bar size. If you remove all this from front of your style.css and see the difference.

    @import url("../customizr-pro/style.css");
    – Not needed, Czr does this automatically

    /*Background colour*/
body {
background-color: #3a3a3a;

}

.container {
    width: 936px;
    height: auto;
}

/* resize images */
.container img {
    width: 100%;
    height: auto;
}

/*Slider bar size, border and length*/
.carousel-inner {
margin: 0 auto;
margin-top:     -30px;
border: 10px solid #2f2f2f;
-webkit-border-radius: 7px;
border-radius: 5px;
}

    – Experiment by taking all that out to start with. It is causing problems at smaller viewports

Viewing 1 replies (of 1 total)
  • The topic ‘Slider bar size changing for different size displays’ is closed to new replies.