Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #980802

    I’ve always found the sidebar layout to be cramped in ipad portrait — is there a way to move the sidebar down for that view, the same way it does for phone/narrower views?

    Thanks!

    #980970

    Hey sky19er,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    #980979

    Well, the site’s still in development, so I’d have to give you credentials to view it, but here’s a screen grab as an example — https://www.evernote.com/shard/s320/sh/ec51a205-d48a-4f28-9aa6-691cce92340d/232322d2f620236a3355e1f253484ba6 — see how all the columns are cramped — especially the sidebar (and this is after I’ve already done some work to remove some padding there). This has always been a problem with Enfold’s iPad portrait layouts, in my opinion — that view is too narrow for a sidebar, and if there’s a sidebar, there’s not enough room for two columns in the body area.

    Thanks and leet me know if you have any other questions.

    #981148

    Hi,

    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 .av-content-small.units {
        width: 100% !important;
    }
    }

    Best regards,
    Rikard

    #981319

    Thanks, Rikard, but that still left what looked like an empty column to the right of the content and left of the sidebar:
    https://www.evernote.com/shard/s320/sh/e239d2ae-8e28-4673-8c67-3ae4729f81a1/4c32cbfc21698e9b6a0f147871c6b8a2
    https://www.evernote.com/shard/s320/sh/f1f713c5-dc23-49ef-8bfa-bb24c571ce9f/b725e132e98742276e9fae72dd472cd5

    I added some css which seems to handle that, but I’m not sure if it’s the best method or if it will maybe negatively affect other things in the site.

    Also, the iPad Pro portrait layout — at 1024px wide — is wide enough to accommodate the right column, so I dropped the max width down to 1023px — maybe there’s a better/lower, more standard width I should use for that?

    Finally, I left in my css for reducing the padding in the content and sidebar, for the iPad Pro portrait layout, since it was still a tad cramped.

    So here’s what I ended up with, in total (including what you sent me above) — please let me know if you see any problems with this or have any suggestions for improvement, streamlining, etc.

    Thanks!

    /* MOVE SIDEBAR DOWN BELOW CONTENT IN TABLET PORTRAIT VIEW */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) { 
    .container .av-content-small.units {
       width: 100% !important;
    }
      .content .entry-content-wrapper {
        padding-right: 0;
    }
      .content {
        border-right: none;
    }
      .inner_sidebar {
        margin-left: 0;
    }
      #top #main .sidebar {
        border-left: none;
        overflow: visible;
    }
    }
    /* REDUCE PADDING IN IPAD PRO PORTRAIT VIEW */
    @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
      .container {
          padding: 0px 30px;
      }
      .content, .sidebar {
        padding-top: 20px;
      }
      .inner_sidebar {
          margin-left: 30px;
      }
    }
    • This reply was modified 6 years, 5 months ago by sky19er.
    #983194

    Hi,

    I do not see any problem, the code is actually really good written also! :)

    Best regards,
    Basilis

    #983511

    OK, great, and thanks ;)

    #983601

    Hi,

    Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #983792

    You can close it. Thanks.

    #983963

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘move sidebar down in ipad portrait’ is closed to new replies.