Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 6, 2016 at 6:10 pm #593957
    suzannewm94

    First, thanks for making such a great looking, easy to customize theme. I really love it. I am just having some issues with the way my site displays on my ipad. The initial issue was with the sidebar, which wasn’t moving down beneath the main content like it does when viewed on a smartphone. The sidebar staying to the right wouldn’t have bothered me except that it was chopped off on the right hand side so that you could only read about half of what was there.

    I came to this forum looking for a solution and couldn’t find exactly what I was hoping for, but saw this thread and decided to use the code in it to just move the sidebar to the bottom.

    right sidebar problem when iPad in portrait mode (vertical)

    The code worked and my sidebar is now beneath the main content when viewed on my ipad, but I am now experiencing the same issue that the poster in that thread had where the main content is still in the same place as if the sidebar was still to the right. So now it looks strange all pushed over to the left with a big white space on the right where the sidebar used to be.

    To make a long story short, for the ipad view only, I would either like to put the sidebar back where it originally was on the right but make it so that the right side of the text in the sidebar isn’t chopped off. Or if I continue with what I have going on right now with the sidebar at the bottom, I would like to have my main content cover the entire screen, without the big space left there where the sidebar had been. I’ve included a link to my website and screenshots of both views so that you can see what I’m referring to.

    March 8, 2016 at 5:08 am #594771
    Jordan

    Hi suzannewm94!

    Thanks for reaching out to us with that question and I’m glad you love the theme.

    You can try adding the following CSS code to have the main content full up the space rather than being squashed to the left:

    @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
.container .av-content-small.units {
    width: 100%;
 }
}

    You can also add the following if you want to make the sidebar more centered:

    @media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
#top #main .sidebar {
    width: 100% !important;
    text-align: -webkit-center;
    text-align: center;
 }
body#top .main_color .widgettitle {
    text-align: center;
 }
}

    Let me know if there is anything else I can assist you with :)

    Regards,
    Jordan

    March 9, 2016 at 5:14 am #595291
    suzannewm94

    That did the trick. Thanks so much, Jordan!

    March 10, 2016 at 6:11 am #596061
    Rikard

    Hi,

    Great, glad we could help :-)

    Thanks,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.