Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
Like Tree1Likes
  • 1 Post By Ronald Roe

Thread: Portrait / Landscape screen issues

  1. #1
    Member
    Join Date
    Mar 2016
    Location
    South west uk
    Posts
    81
    Member #
    53465
    Liked
    3 times

    Portrait / Landscape screen issues

    Morning,

    I spent an hour or so last night trying to get the ipads to show in correctly in portrait mode as opposed to looking like a landscape mode.
    I have supplied a few screen shots to help explain this issue.

    What i am trying to achieve is the following.

    Currently on the various ipads i see the following.

    L1

    L2

    But i would like to have them show like so,

    P1

    I then also noticed that in landscape mode the main picture was not correctly being show and was cut off.
    I did not know whether to alter the size of the where the main image was shown or the issue was the section where the thumbnails were shown.

    After making a right mess of things i was only then too glad to use my back up css file and call it a day.
    See example here,

    L3

    L4

    I understand the concept of what the code actualy does but adding the correct code is the hard part.

    Many thanks if you could advise.
    Have a nice day.

  2.  

  3. #2
    Member
    Join Date
    Mar 2016
    Location
    South west uk
    Posts
    81
    Member #
    53465
    Liked
    3 times
    Hi,
    Would the following be correct,
    At line 786 in my main css file i had altered the original code

    FROM
    Code:
    		@media screen and (max-width: 1280px) {
    
    			#main {
    				width: 19em;
    			}
    To
    Code:
    		@media screen and (max-width: 1280px) {
    
    			#main {
    				width: 100%;
    			}
    Looks ok in Chrome dev tools for Portrait but not sure if by making this alteration i need to alter anything else to compensate etc.

    Thanks

  4. #3
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    If it works, it should be fine.
    ipbr21054 likes this.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  5. #4
    Member
    Join Date
    Mar 2016
    Location
    South west uk
    Posts
    81
    Member #
    53465
    Liked
    3 times
    Many Thanks.

    Now looking at other issues.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:11 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com