Grow your CSS skills. Land your dream job.

bootstrap css responsive issue

  • # May 6, 2013 at 6:04 am

    Hi,
    I have a wordpress site and i am using bootstrap css for a popup. Please check the page here: http://aboutpubliseek.staging.wpengine.com/test-page/

    When I reduce the width of the browser less then 770px the text box for email reduces in height. I found no way to solve it. I used inline css for input element, I used media query with !important tag, I also tried with removing all other css but bootstratp.css. But same result. So I think issue with bootstrap.css. Some thing is overwriting my css when I reduce the width less then 770px.

    Can you please help me to sort out this.

    Thanks.

    # May 6, 2013 at 6:40 am

    Please check the following code i tried with:

    @media screen and (min-width:481px) and (max-width:770px){
    #gform_fields_2 {
    input[type=’email’] {
    background-color:#EEE;
    padding:5px 10px !important;
    min-height: 30px !important;
    }
    }
    }

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

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