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

Home Forums CSS Responsive css not working

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #250962

    The problem is that my website is working good on my laptop but when I switch to desktop and also surprisingly other laptops, the alignment is all disrupted. Here’s the link of the website:

    I tried changing the responsive css. It works on the inspect element by right clicking and the alignment get fixed but when I actually correct the css and then preview, the changes are not brought in to the site. It remains the same as before.

    Please help…


    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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.