Full mobile version to appear on tablets.

  • Posted in : impressivCard WP
  • cowling6
    Participant
    7 February 2013 at 14:43
    #3370

    I would like the full mobile version to appear on tablets. Is there some custom code I can implement to do this?

    ahmetsali
    Keymaster
    8 February 2013 at 14:58
    #3376

    Hi, this may require more than just a few lines of code in this theme. Why do you want this, something breaks layout on tablets?

    cowling6
    Participant
    8 February 2013 at 16:53
    #3379

    Yes, the portrait view on the iPad looks really bad – the landscape view is fine. Not sure why it’s that way – it only consist of 2 columns (sizes 8 & 4). Here is a link if you want to see for yourself http://laughoutloudvideo.com/

    mtthjnt
    Participant
    8 February 2013 at 17:07
    #3380

    @ahmetsali
    Why don’t you reply to my topic? Did I do/say something wrong that you don’t want to reply to my post?

    ahmetsali
    Keymaster
    8 February 2013 at 17:30
    #3383

    @mtthjnt

    It looks like our “new topic notification system” on forums doesn’t work correctly at sometimes. We have not got any new topic notification on some of your topics, we will reply to your topics in a short time, sorry for the delay.

    mtthjnt
    Participant
    8 February 2013 at 17:34
    #3384

    Ok no worries, I just want to be sure to have support on this point : http://www.pixelwars.org/forums/topic/about-me-page-problem-when-opening-site/
    I solve the others problem.

    Thanks for replying !

    cowling6
    Participant
    9 February 2013 at 16:33
    #3396

    Well, as the original poster to this thread, it sure would be nice to get a solution to the original stated problem.
    Has anyone found a solution to this?

    ahmetsali
    Keymaster
    9 February 2013 at 17:29
    #3402

    Try these modifications, open css/bootstrap.css in a text editor,

    1-) On line : 84, change this

    @media (max-width:767px)

    to this;

    @media (max-width:768px)

    2-) On line : 85, change this

    @media (min-width:768px) and (max-width:979px)

    to this;

    @media (min-width:769px) and (max-width:979px)

    3- in css/main.css file, between line :320 – line: 382 find every code block;

    (max-width: 767px)

    and replace it with this;

    (max-width: 768px)
    cowling6
    Participant
    9 February 2013 at 17:55
    #3405

    That worked! Thanks!
    One small thing though, the margins are huge (the content is condensed to the center of the screen on ipad).
    Is there a way for me to format this without changing the view on desktop or iphone?
    Thanks again.

    ahmetsali
    Keymaster
    9 February 2013 at 23:46
    #3410

    Try adding the custom css code below;

    @media screen and (max-width: 768px) {
  	.wrapper { width: 660px; }
}
    cowling6
    Participant
    10 February 2013 at 02:44
    #3414

    Okay, you are officially awesome. Thank you!

    cowling6
    Participant
    10 February 2013 at 05:21
    #3415

    Oops, I spoke too soon. That last adjustment completely wacked out the layout of the iphone view. Is there something I need to add now for the iphone/mobile phones?
    Please help. Thanks.

    ahmetsali
    Keymaster
    11 February 2013 at 20:05
    #3429

    Try adding this custom css code;

    @media screen and (max-width: 480px) {
  	.wrapper { width: 280px; }
}
    cowling6
    Participant
    11 February 2013 at 22:28
    #3430

    It worked. Thanks again for your help!

Viewing 14 posts - 1 through 14 (of 14 total)

The forum ‘impressivCard WP’ is closed to new topics and replies.