Forum Stats

  • 3,814,847 Users
  • 2,258,920 Discussions
  • 7,892,869 Comments

Discussions

Responsive at difrent viewpoint

Ljubo T
Ljubo T Member Posts: 3
edited Nov 10, 2016 6:09AM in APEX Discussions

Hello!

I have apex application build on a universal theme. I adjusted  CSS to my needs but now I would need some help.

More and more of my users are using this app on a tablets, since this are business users they all have more or less same type of tablet (samsung galaxy tab). I have a custom menu and stuff  and it if you drag the web browsers enough time it then switch to "mobile mode".

But if you see this on a tablet it just shrinks everything.

So what are steps that I can convince css and apex that it switch to mobile mode on tables? I played with media queries but no luck. I would like to switch if the screen would not be wider then 768 px.

Tagged:

Best Answer

  • Ljubo T
    Ljubo T Member Posts: 3
    edited Nov 10, 2016 6:08AM Answer ✓

    If anybody else is looking for solution

    The trick is to play with your columns. Here was my solution for my problem I just added this in theme roller.

    Hope it helps

    @media only screen and (max-width: 800px) {

    .col-2 {

        width: 25%;

    }

    .col-10 {

        width: 74%;

    }

    .col-8 {

        width: 115%;

    }

    }

    @media only screen and (max-width: 1280px) {

    .col-8 {

        width: 115%;

    }

    }

Answers

  • Ljubo T
    Ljubo T Member Posts: 3
    edited Nov 10, 2016 6:08AM Answer ✓

    If anybody else is looking for solution

    The trick is to play with your columns. Here was my solution for my problem I just added this in theme roller.

    Hope it helps

    @media only screen and (max-width: 800px) {

    .col-2 {

        width: 25%;

    }

    .col-10 {

        width: 74%;

    }

    .col-8 {

        width: 115%;

    }

    }

    @media only screen and (max-width: 1280px) {

    .col-8 {

        width: 115%;

    }

    }

This discussion has been closed.