Okay
  Public Ticket #2447911
Reason to limit container to 320px on mobile devices
Closed

Comments

  •  6
    ctekk started the conversation
    June 21, 2020 at 1:35pm

    Hi,

    Is there a reason why you limit the content container (".main-content") to 320px for mobile devices (max-width: 690px)?

    Aren't we sacrificing a lot of space this way?

  •  2,979
    Andrew replied
    June 21, 2020 at 6:18pm

    Hi there,

    Use the following custom css to adjust if you would like more maximum width:

    @media only screen and (max-width: 690px){
   .container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {
    max-width: 400px;
}
}

    Kind regards.

  •  6
    ctekk replied
    July 2, 2020 at 10:33am

    Thanks Andrew,

    If I set it to 100%, full-width rows are getting a negative left margin of about -140px. How to avoid this?

    @media only screen and (max-width: 690px){   
.container, .orbit-wrapper .slider-nav, .post-area.standard-minimal.full-width-content .post .inner-wrap {    
max-width: 100%;
}
}
  •  2,979
    Andrew replied
    July 3, 2020 at 6:58pm

    Hi there,

    Try the following:

    @media only screen and (max-width: 690px){
 body .full-width-content {
    margin-left: auto !important;
}
}

    Thanks.