Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 8, 2013 at 11:02 am #172138
    RevolutionGroup

    Hi

    From testing my site out, I’m happy with how it looks on every device apart from the iPad in portrait. Which is probably almost the most important!

    Is it possible to make it look like this: (how it supposedly does on the Nexus 7)

    http://tinyurl.com/q3tzjst

    Instead of like this (how it looks currently on the ipad):

    http://tinyurl.com/p69chqp

    Thanks,
    Rob

    October 9, 2013 at 2:47 am #172826
    Ismael

    Hi RevolutionGroup!

    I don’t see any difference except for bigger white space on iPad view. You need to modify the Media Queries on css > layout.css if you want to change the layout on iPad. Please hire a freelance developer to modify the theme for you.

    Best regards,
    Ismael

    October 9, 2013 at 10:14 am #172933
    RevolutionGroup

    Hi Ismael

    Thanks for your reply.

    Hmm, that’s strange. When I look the ipad version has items down the side whereas the Nexus 7 layout just has just has the main content.

    Is it possible to hire any of you guys as freelancers to make any edits to the layout.css?

    Regards,
    Rob

    October 9, 2013 at 3:26 pm #173064
    Yigit

    Hello!

    I’m not available, but i tagged the rest of the team, maybe they are :)

    Regards,
    Yigit

    October 9, 2013 at 3:37 pm #173073
    Devin

    Hello!

    You can do something quick and direct like:

    @media only screen and (max-width: 767px) {
.flex_column.av_one_fifth,
.flex_column.av_one_fifth,
.flex_column.av_one_fourth,
.flex_column.av_one_third,
.flex_column.av_two_fifth,
.flex_column.av_one_half,
.flex_column.av_three_fifth,
.flex_column.av_two_third,
.flex_column.av_three_fourth,
.flex_column.av_four_fifth,
.flex_column.av_one_sixth,
.flex_column.av_one_seventh,
.flex_column.av_one_eighth,
.flex_column.av_one_nineth,
.flex_column.av_one_tenth{
    width: 100%;
    margin-left: 0px;
}
}

    If there are any further tweaks or you want it to only effect some areas but not others, fix cross browser issues etc then a freelance developer is your best route. I’d recommend Codeable.io if you want to get a more custom change.

    Regards,
    Devin

    October 9, 2013 at 4:18 pm #173093
    RevolutionGroup

    Hello

    Devin, you’re a genius! That is almost exactly how I need it to work! The only other thing, is it possible to hide the sidebar on all pages on the ipad?

    Regards,
    Rob

    October 10, 2013 at 4:56 am #173395
    Ismael

    Hi!

    Please try this:

    @media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top #main .sidebar {display:none; }
}

    Regards,
    Ismael

    October 10, 2013 at 9:58 am #173513
    RevolutionGroup

    Hi Ismael

    Thanks for your help. That has removed any links/text in the sidebar but the bar itself is still there and so is the vertical line. Is it possible to remove it completely?

    Regards,
    Rob

    October 11, 2013 at 4:30 pm #174254
    Devin

    Unfortunately thats when you start getting into needing a more custom grid customization. The content/sidebar interaction will need a bit more customization beyond what we can do via support.

    It just isn’t as simple as the above since its actually modifying the grid that build the structure of the site and not just the internal contents of the pages (which is a bit easier to set to full width like I did above).

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Changing iPad Layout’ is closed to new replies.