Reply To: Responsive css not working

[Shikkediel]

There’s a problem with the image inside the header not being responsive:

<div class="grid_12">

  <div class="head_logo grid_12 ">
    <a href="http://chitturcollege.ac.in" class="alignleft">
      <img src="http://chitturcollege.ac.in/wp-content/uploads/2016/12/banner1-1.png" class="alignleft">
    </a>

Try this to start with:

[src*="banner1-1"] {
width: 100%;
}

It’ll look tiny on small screens and may need a media query to adapt to that but solves the misalignment…

Edit – most of it anyway, I also see an issue occurring on screens that would qualify as phone size.