Mobile view border between content and widget

  • Hello,

    How can I change border height and color. if I use there this code, the border is there on every width with main and widget

    .site-content-wrapper, .widget-area {
    border-top: 0.1em solid #ff0000 !important;

    I hope, I explained well enough to underestand

    Thank you in advance

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi there,

    Remove the comma in your first line:

    .site-content-wrapper .widget-area {
  border-top: 0.1em solid #ff0000;
}

    Also add this:

    @media screen and (min-width: 600px) {
  .site-content-wrapper .widget-area {
  border-top: none;
  }
}

    Else you’ll see your code adds a line to the top of the sidebar in desktop view that’s not there originally.

    Thread Starter mika1

    (@mika1)

    Thanks ?? exactly what needed:)

    Happy to help ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Mobile view border between content and widget’ is closed to new replies.