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

Home Forums CSS Responsive css not working Reply To: Responsive css not working


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="" class="alignleft">
      <img src="" class="alignleft">

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.