Support » Theme: Fruitful » Custom Slider Width Not Resizing On Mobile

  • Resolved ankitr

    (@ankitr)


    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)

    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) {
    }

    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)

    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.