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

    Hello,

    When I view my website on my ipad in landscape mode, i can see the edges of my boxed layout with a 10px margin on each side. How would I go about having it view at 100% width? Thanks!

    #297301

    Hey sagash!

    Thank you for using the theme.

    Please try to add this on Quick CSS or custom.css:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .boxed#top {
    width: 100%;
    }
    }

    Cheers!
    Ismael

    #297433

    Hello. Thank you but it made no difference :/ I still have the margins.

    #297484

    Hi!

    Please add following code to Quick CSS

    @media only screen and (min-width: 990px) { 
    .boxed#top {
    width: 1030px;
    }}

    Best regards,
    Yigit

    • This reply was modified 10 years, 3 months ago by Yigit.
    #297577

    Hello,

    Yes that seems to work except that the top right of my header leaves a gap at the end.

    #297578
    This reply has been marked as private.
    #297690

    Hey!

    I do not have a chance to check your website on an actual iPad but i cannot reproduce the issue on your screenshot when i resize browser window. I tried ipad simulator as well but seems fine. Have you flushed browser cache on your ipad after applying the code?

    Cheers!
    Yigit

    #297911
    This reply has been marked as private.
    #297958

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 990px) { 
    .container { width: 930px; }}

    Regards,
    Yigit

    #299877

    Hey this works perfect! Thank you!

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘100% width on ipad landscape’ is closed to new replies.