Okay
  Public Ticket #2785190
Show body border on mobile
Closed

Comments

  • JacobWonder started the conversation
    May 24, 2021 at 6:12pm

    It works perfect on desktop but does not show on mobile!

  •  1,878
    Judith replied
    May 24, 2021 at 7:11pm

    Hi Jacob,

    Please try this css:

    @media only screen and (max-width: 999px){
    .body-border-right, .body-border-left, .body-border-top, .body-border-bottom {
        display: flex;
    }
}
    .body-border-left {
        background-color: #454142;
    }
.body-border-bottom {
        background-color: #454142;
}
.body-border-top {
        background-color: #454142;
    }
.body-border-right {
        background-color: #454142;
}

    Hope this helps.

    Thanks.



  • JacobWonder replied
    May 24, 2021 at 7:22pm

    Thank you for your reply Judith, it works but overlaps all page content unfortunately.

  •  1,878
    Judith replied
    May 24, 2021 at 7:27pm

    Hi Jacob,

    Please try this css for the content padding:

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

    Thanks.