disable landscape mode

  • andy29023

    (@andy29023)


    7 years, 8 months ago

    Hi

    Im working on a site with a lot of detailed animations. I have used slider revolution to create different layouts for mobile, tablet etc and have just noticed when i rotate to landscape it obviously throws the elements all over the place

    My ideal solution is to find a way to disable landscape mode for users throughout the whole site as I havent really got time to design a whole new set of layouts for landscape!

    Does anyone know of a plugin that can do this? Alternatively some custom css? Like i say im more than happy to just not allow landscape all together

    Thanks in advance

Viewing 5 replies - 1 through 5 (of 5 total)
  • Joy

    (@joyously)

    7 years, 8 months ago

    You can do media queries for orientation, but I doubt that you could disallow one. What would you want to happen? I mean, I can imagine a script that listens for the rotate and then what? What do you do if my desktop browser window is wide and short? Or if it’s resized?

    Thread Starter andy29023

    (@andy29023)

    7 years, 8 months ago

    Hi Joy

    ok heres a temp link so you can get an idea http://8232c8a7.ngrok.io/ Ive set layouts for all widths of desktop, tablet, notebook and mobile which is fine but the landscape view doesnt follow any of the layouts that Ive set. Its like its just fitting the elements where ever it can

    I have come across sites before where you rotate your phone and it just remains in portrait, this is what i want

    it isnt the sort of site that will benefit the user in any way to view in landscape

    thanks

    Joy

    (@joyously)

    7 years, 8 months ago

    That site is very slow. I wouldn’t wait around for it if I didn’t have to.
    Surely you don’t consider this usable. This is my normal window width, but short. I can’t read a thing.

    And this is my normal window, which I can read, except for the logo overlapping the text on the left.

    I think you shouldn’t care so much what the screen size is. You should just show the elements in a size that is legible and let people scroll.

    Thread Starter andy29023

    (@andy29023)

    7 years, 8 months ago

    yeah i have a load of plugins and other guff slowing it down but will be removing them its still early days i need to reducing some of the images too

    that screenshot does look terrible! What device are you using?

    Could really do with disabling landscape though if anyone knows a way?

    Joy

    (@joyously)

    7 years, 8 months ago

    It’s from a laptop, running SeaMonkey browser at my usual window width of ~1070px.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘disable landscape mode’ is closed to new replies.