Okay
  Public Ticket #2922953
Body Border (Passepartout) doesnt work on Tablet or phone
Closed

Comments

  •  1
    Hans started the conversation
    November 23, 2021 at 7:10pm

    Hey there,

    I have turned on a Body Border (Passepartout) for the whole page, but when viewing it on tablet (portrait mode) or phone it doesn't work.
    Any way to make it work on those devices too?

    Thanks for your input in advance.
    Hans

    PS: the website is still under construction so a placeholder is active, I can provide a login if necessary 

  •  8,840
    Tahir replied
    November 23, 2021 at 7:17pm

    Hey Hans ,

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks 

    ThemeNectar Support Team 

  •   Hans replied privately
  •  8,840
    Tahir replied
    November 23, 2021 at 7:26pm

    I cant seem to view the site with the logins?. 

    ThemeNectar Support Team 

  •  1
    Hans replied
    November 23, 2021 at 7:29pm

    Tahir,

    I changed your status to Administrator ... that should do the trick :-)

  •  1,878
    Judith replied
    November 24, 2021 at 10:20am

    Hi Hans,

    Please try this css:

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

    Thanks.

  •  1
    Hans replied
    November 24, 2021 at 12:32pm

    Hey Judith,

    That worked! Awesome.

    It did interfere with the navigation tho, so I took the .body-border-top, out of it and now it's the way I was hoping for.

    Last question: Can I scale the border size on phone and tablet by using css?

    Thanks for your input in advance.

  •  1,878
    Judith replied
    November 24, 2021 at 12:35pm

    Hi Hans,

    Please try using this css:

    @media only screen and (max-width: 999px){
    .body-border-right, .body-border-left, .body-border-bottom {
        width: 49px;
    }
}

    Thanks.

  •  1
    Hans replied
    November 24, 2021 at 12:39pm

    Judith,

    That doesn't seem to do the trick, but combining the two did: 

    @media only screen and (max-width: 999px){
    .body-border-right, .body-border-left, .body-border-bottom {
        display: block; width: 15px;
    }
    }

    You helped out a lot. Thanks!