Viewing 8 replies - 1 through 8 (of 8 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What do you mean by not responsive?

    Thread Starter andreac91

    (@andreac91)

    When I use it on a mobile phone or a tablet it turns out really different. The sidebar box ends up in the middle of the screen and overlaps the page.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Are you sure you just added a border?

    Thread Starter andreac91

    (@andreac91)

    Yes, because when I undo it, it will respond well on a tablet.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    But you have a Custom CSS style giving the sidebar a left margin of -322 pixels

    Thread Starter andreac91

    (@andreac91)

    Someone gave me this code to put a border around my sidebar.
    What should my margin say?

    Thanks for your help!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you explain to that someone that the website was responsive when you asked how to add a border to it? That’s the wrong code for a responsive website.

    Use this instead:

    @media screen and (min-width: 960px) {
        .site-sidebar {
            width: 278px;
            padding: 10px;
            border: 1px solid black;
        }
    }

    Thread Starter andreac91

    (@andreac91)

    Thank you so much, this worked!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘responsive theme’ is closed to new replies.