WordPress.org

Ready to get started?Download WordPress

Forums

Fruitful
[resolved] Custom Slider Width Not Resizing On Mobile (4 posts)

  1. ankitr
    Member
    Posted 1 month 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

  2. Fruitful Code
    Member
    Theme Author

    Posted 1 month 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) {
    }
  3. ankitr
    Member
    Posted 1 month 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?

  4. Fruitful Code
    Member
    Theme Author

    Posted 1 month 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;
    }

Reply

You must log in to post.

About this Theme

About this Topic