Custom Slider Width Not Resizing On Mobile

  • Resolved ankitr

    (@ankitr)


    9 years, 10 months ago

    Hi guys,

    I have developed the theme according to client needs and now just sorting out last remaining bits.

    I changed the slideshow width to following :

    .nivoSlider {
width: 940px;
height:250px;

}

.nivoSlider .slides img {
width: 940px;
display: block;
}

    And now when I switch to the mobile version of the website, the slideshow is not re-sizing and appears in desktop size. Is there any way to get around this?

    Website address is

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Fruitful Code

    (@fruitfulcode)

    9 years, 10 months ago

    ankitr,

    You forgot add link to your website.
    You can add styles for responsive only below

    In styles.css below line 307

    /* Note:Design for a width of 320px */
@media only screen and (max-width:767px) {
}
    Thread Starter ankitr

    (@ankitr)

    9 years, 10 months ago

    Hello,

    Thanks for your response.

    The website address is http://www.sldf.org.uk

    I changed removed the width and left the height to

    .nivoSlider { height:250px; }

.nivoSlider .slides img { display: block; }

    And that works on mobile but the .nivo-controlNav just drops down way to much, any way to rectify this? I am probably missing out something really basic?

    Theme Author Fruitful Code

    (@fruitfulcode)

    9 years, 10 months ago

    ankitr,

    If you remove

    .nivoSlider { height:250px; }

    will be looks much better,

    Also height of arrows is depending of height try to change on 

    .nivoSlider {
height: 140px;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom Slider Width Not Resizing On Mobile’ is closed to new replies.