Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #458742

    Hey guys,
    My client would like to have her Enfold website to be boxed on PC and full width on tablets.

    I’ve found this code in an old topic

    @media only screen and (max-width: 767px) {
    body{
    margin: 0 !important;
    width: 100% !important;
    }
    }

    This works ok in portrait, but still gives a boxed layout in landscape. So I tried changing the max-width parameter. This results in strange behavior. When I set the width to 1024 or 1520 the website looks fine and boxed on Mac, but on iPad landscape (or if I scale the browser window on Mac between 1520 and 1024) I get one big white margin on the right side. Portrait still works fine. What am I doing wrong?

    #459124

    Hi graphicsplus!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    #459173
    This reply has been marked as private.
    #459597

    Hey!

    Please add following code to Quick CSS

    @media only screen and (max-width: 1024px) {
    .responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
      max-width: 100%;
    }}

    Best regards,
    Yigit

    #459633
    This reply has been marked as private.
    #459917

    Hi!

    I changed Yigits code to this:

    @media only screen and (max-width: 1024px) {
    .responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
      min-width: 100%;
    }}

    and it’s snapping to fullwidth at 1024px, please make sure to remove the browser cache from your tablet and reload a few times to see the changes.

    Cheers!
    Rikard

    #459942

    Great guys! Works perfectly. Thanks!

    #460531

    Hi!

    Glad we could help :)

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Enfold boxed on PC and full width on tablets’ is closed to new replies.