Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 13, 2015 at 12:25 pm #458742
    graphicsplus

    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?

    June 15, 2015 at 7:46 am #459124
    Rikard

    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

    June 15, 2015 at 9:27 am #459173
    graphicsplus
    This reply has been marked as private.
    June 15, 2015 at 7:03 pm #459597
    Yigit

    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

    June 15, 2015 at 7:55 pm #459633
    graphicsplus
    This reply has been marked as private.
    June 16, 2015 at 10:00 am #459917
    Rikard

    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

    June 16, 2015 at 10:44 am #459942
    graphicsplus

    Great guys! Works perfectly. Thanks!

    June 17, 2015 at 5:17 am #460531
    Rikard

    Hi!

    Glad we could help :)

    Best regards,
    Rikard

  • Author
    Posts
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.