Homepage Slider

Discussion in 'SaleJunction E-Commerce WordPress Theme' started by effyeweb, Dec 6, 2014.

Thread Status:
Not open for further replies.
  1. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    The homepage slider in Laptop view and 10.1 tab view is wonderful, when it come to smartphone below 5" , the slider become very small, and lost the feel of those slider images..... any way to improve?
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    In mobile view how do you want to show slider please explain clearly.

    Thanks & Regards
    Yogesh Bhade
     
  3. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    asas.jpg

    ryere.jpg

    can the image in mobile view bigger? it seem like this theme had lock it at a certain height for mobile view, but for laptop view is free to expand........
     
  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px){
    .flexslider .slides img {
    width: 100%;
    }
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  5. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    i add this

    @media only screen and (max-width: 767px){
    .flexslider .slides img {
    width: 100%;
    }
    }


    become:
    1234.jpg



    and i try:

    @media only screen and (max-width: 767px){
    .flexslider .slides img {
    width: 100%;
    height: 100%;
    }
    }

    it become:

    2345.jpg


    any other code??
     
  6. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    @media only screen and (max-width: 767px){
    .flexslider .slides img {
    width: 100%;
    height: 100%;
    }
    .flexslider {
    height: 100%;
    }
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  7. effyeweb

    effyeweb Member

    Joined:
    Dec 25, 2012
    Messages:
    485
    Likes Received:
    7
    it fix well, thank you:)
     
Thread Status:
Not open for further replies.

Share This Page