Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 25, 2020 at 12:02 am #1207004
    enfold

    Hi guys!
    I need to know how to disable landscape automatic rotation for mobile devices.
    My mobile site version needs to be only vertical.

    Regards
    Santiago

    April 26, 2020 at 12:48 am #1207142
    Nikko

    Hi Santiago,

    Unfortunately disabling landscape rotation for mobile devices isn’t something that we can do.
    I think what we can do is set a maximum width for your site when the mobile device is in landscape mode, can you give us a link to your site? so maybe we can try to inspect and give you the right CSS codes to use.

    Best regards,
    Nikko

    April 28, 2020 at 8:35 pm #1207961
    enfold

    Hi Nikko, thanks for your response!
    Mi site is https://www.santiagomoyano.com

    Regards

    April 28, 2020 at 11:13 pm #1208026
    Nikko

    Hi enfold,

    Please try adding this CSS code in Quick CSS, located in Enfold > General Styling:

    @media only screen and (max-width:767px) and (min-width:570px) {
  .responsive #top #wrap_all {
    margin-left: auto;
    margin-right: auto;
    max-width: 352px;
  }
}

    Hope it helps.

    Best regards,
    Nikko

    May 19, 2020 at 6:25 pm #1214393
    enfold

    Hi Nikko, thank you for the info, but it does not work

    Regards

    May 19, 2020 at 6:49 pm #1214399
    Guenni007

    hm – i see this on my iphone emulation developer tools:

    isn’t that what you want?

    The only missing is a rule for the header – because it is in position:fixed – it is not influenced by wrap_all

    Try this instead:

    @media only screen and (max-width:767px) {
  .responsive #top #wrap_all {
    margin-left: auto;
    margin-right: auto;
    max-width: 352px;
  }
  .responsive #top #header {
    position: fixed !important;
    max-width: 352px;
  }
}

    if you only like to have that for mobile devices you can use the class on responsive : avia_mobile to be more selective:

    @media only screen and (max-width:767px)  {
  .responsive.avia_mobile #top #wrap_all {
    margin-left: auto;
    margin-right: auto;
    max-width: 352px;
  }
  .responsive.avia_mobile #top #header {
    position: fixed !important;
    max-width: 352px !important;
  }
}
    May 19, 2020 at 6:49 pm #1214400
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    May 20, 2020 at 8:01 pm #1214745
    enfold

    Yes, I see you like the image you show me, but I just need to disable landscape automatic rotation on mobile devices.
    I don’t know if is this possible

    Regards

    May 20, 2020 at 8:52 pm #1214757
    Jordan Shannon

    Hi,

    Unfortnately no, this is not possible. This is due to the rotation being a device function not theme.

    Best regards,
    Jordan Shannon

    May 20, 2020 at 8:54 pm #1214758
    enfold

    Ok thanks

    May 20, 2020 at 9:14 pm #1214773
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Disable landscape mode on mobile’ is closed to new replies.