Results 1 to 2 of 2

Thread: How to adjust banner image and content on no scroll window

  1. #1
    Junior Member
    Join Date
    Mar 2015
    Posts
    1

    How to adjust banner image and content on no scroll window

    I have full width banner image and 3 column at the bottom. Each column have image.

    Now the website should be no-scroll hence the overflow is hidden.

    how to control the banner image resize automatically for various devices??

    For mobile device the banner takes the huge space and hide the bottom columns. Need help in thi

    So The banner should use 70% height of the screen and 30% by bottom column for any screen-size

    Thanks in advance

  2. #2
    Set the image class as "img-responsive" so it will scale depending on screen size, and then put this in your css:

    .yourimageclass {
    height: 70%;
    }

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •