The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

bootstrap css responsive issue

  • # May 6, 2013 at 6:04 am

    I have a wordpress site and i am using bootstrap css for a popup. Please check the page here:

    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.


    # 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’] {
    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed