Grow your CSS skills. Land your dream job.

A responsiveness issue?

  • # June 20, 2013 at 2:42 am

    Your code:

    Update Code:

    # June 20, 2013 at 2:44 am

    remove the all inline css and create new class in your stylesheet.

    # June 20, 2013 at 2:48 am

    i think .js is inherited the class.
    first of all you check the .js setting then change the class.
    because .js show the inline style so.

    # June 20, 2013 at 2:49 am

    I got what you say but notice I don’t have any inline css codes, it’s creating with this slider’s js script.

    # June 20, 2013 at 2:49 am

    let me send you my js file

    # June 20, 2013 at 2:50 am

    yes know that.
    first of all you check slider’s script.
    slider’s script show the inline style in your code.

    # June 20, 2013 at 2:50 am

    this is my slider’s script

    # June 20, 2013 at 3:23 am

    @AlirezaM

    I have no detailing idea in js but my friend told me.
    that’s counting mistake of height and top position of slider images while make it responsive.
    so you can check the height and top position when slider become smaller.

    # June 20, 2013 at 3:59 am

    I played around but couldn’t solve it.

    I can give access to you take a look at it.

    I’m waiting…

    # June 21, 2013 at 1:52 am

    @Sarfaraj

    I’m still waiting for you to find a way for this issue.

    and I have sent you a message.

    # June 21, 2013 at 2:01 am

    I have sent you a message.

    # June 25, 2013 at 5:30 pm

    You have set the height like this:

    .fullwidthbanner-container{
    width:100% !important;
    position:relative;
    padding:0;
    max-height:450px !important;
    overflow:hidden;
    }

    and use media queries to change that height like this:

    .fullwidthbanner-container {
    max-height: 425px !important;
    }

    not sure if that would be the best way, but just change the media queries?

Viewing 13 posts - 16 through 28 (of 28 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".