Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS bootstrap css responsive issue

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #44580
    mamun1980
    Member

    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.

    #134206
    mamun1980
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.