responsive

  • Resolved haiderkb

    (@haiderkb)


    7 years, 12 months ago

    Hi
    Is it possible to make things more responsive for mobile etc?

    For example, the added buttons merge into each other in a narrow or mobile view. Can they be made to stack?

    Haider

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Robin W

    (@robin-w)

    probably, do you have a link to an example?

    Thread Starter haiderkb

    (@haiderkb)

    Hi

    Very crudely I used the below to make it happen. Not sure if it’s ok for all, but better than alternative so far.

    The clear:both; and float left seemed to be critical.

    @media only screen and (max-width: 480px) {
    .bsp-center
    {
    clear:both;
    width: 100%;
    max-width: 100%;
    float: left;
    text-align: left;
    margin-top: 10px;
    }

    .bsp-one-half
    {
    float: left;
    width: 48%;
    margin-right: 4%;
    }

    .bsp-one-third
    {
    width: 30.66%;
    float: left;
    margin-right: 4%;
    position: relative;
    }
    }

    I used it here:
    https://www.nowyouhearit.com/home/forums/forum/music-and-things-that-play-it/

    it’s a wip but you may have to register to see it.
    Haider

    Plugin Author Robin W

    (@robin-w)

    @haiderkb

    Tested your code, and it works great, and I only did one small change – I added a

    margin-bottom : 10px;

    to the .bsp-center so it is lifted from the next line.

    I’ll release a new version shortly.

    Thanks again !!

    Thread Starter haiderkb

    (@haiderkb)

    Thanks and no problem.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘responsive’ is closed to new replies.