Results 1 to 4 of 4

Thread: Hiding columns based on screen size

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

    Hiding columns based on screen size

    I am very new to this...

    I have a row that has two columns
    The right column class is "col-md-1 hidden-sm" and the left is "col-md-11 col-sm-12"

    On small screen sizes I want the left column to disappear and the right one to have the class "col-sm-12"

    Obviously I have the whole concept messed up - when I read about it, it makes a lot of sense, but implementing it creates massive mind block.

    Can someone suggest how to accomplish what I need?

    Thank you in advance.

  2. #2
    Junior Member
    Join Date
    Mar 2015
    Posts
    2
    Nothing!!

    Does one know the answer, or is this posted in the wrong forum?

  3. #3
    Junior Member
    Join Date
    Mar 2015
    Posts
    12
    Are you still having problems? What does it do at the small resolution that is not working?

  4. #4
    Junior Member
    Join Date
    Mar 2015
    Location
    London
    Posts
    8
    You need to try something like this:


    https://jsfiddle.net/MrKumar44/5q8sr...bedded/result/

Posting Permissions

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