Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 24, 2015 at 9:43 pm #524286
    MauroBricca

    Hi everybody. I am working on my website http://virtualtour.vision it looks great on PC, iPhone and iPad-landscape, but there is a problem in iPad-portrait (vertical).
    The right sidebar is too narrow for contents, texts and icon-list are not displayed correctly.

    The question is: is it possible to maintain the same rendering (like iPad landscape without switching completely to smartphone mode) but move the sidebar BELOW the content, like happens for the smartphones mode? – and this only when the device is iPad-vertical orientation?

    If this is not possibile, how can I force the smartphone rendering view only when the iPad is vertical?

    In alternative, how can I enlarge the width of the sidebar, only for iPad vertical mode?

    Thanks for your help, I love Enfold!!! :-)
    Mauro Bricca – from Italy

    October 27, 2015 at 3:12 am #525274
    Rikard

    Hi MauroBricca,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)  {
.container {
    max-width: 100% !important;
}
#top #main .sidebar {
   width: 100% !important;
}
}

    Thanks,
    Rikard

    October 27, 2015 at 8:17 pm #525780
    MauroBricca

    Thank you Rikard! This works!
    The content of the sidebar now goes below, but…
    the sidebar still remains visible on the right, as an empty column that occupies 1/3 of the screen… and the main content occupies only the first 2/3 of the screen on the left.
    It would be great if the sidebar could hide, or reduce his width almost completely, to permit the main content to fill the ENTIRE screen width when iPad in portrait position.
    Is this possible?
    Thanks a lot for your great support!
    Mauro Bricca
    http://virtualtour.vision

    October 30, 2015 at 6:00 pm #527598
    Andy

    Hi!

    I checked your site on http://ipadpeek.com/ and it’s working fine for me. Main content occupies whole screen for me. Could you fix it already? Don’t forget to clear browser cache. If you couldn’t fix it yet, then it would be nice if you could send us some screenshots of the issue. Use imgur.com or dropbox.

    Regards,
    Andy

    October 30, 2015 at 6:02 pm #527601
    MauroBricca

    Dear Andy, at the end, I have removed the sidebar!!!
    For the moment it’s ok this way.
    Thanks for your support in any case!
    Mauro.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Enfold – right sidebar problem when iPad in portrait mode (vertical)’ is closed to new replies.