[Support request] Drop sidebar widget down without increasing spacing between all widgets

[jasper]

Hello,

I am trying to drop the first widget on the left sidebar (or the whole sidebar) down a little to allow for a vertical logo. When I add space in the customizer in the Layout section, it adds top spacing between all of the widgets which is to much spacing. When I tried to fix this in CSS it broke the mobile view badly.

So, I only need space before the first widget.

Hopefully, this makes sense.

Thanks so much!

[David]

Hi there,

you can use this CSS to change the fist widgets top padding:

@media(min-width: 769px) {
  .widget-area .widget:first-child {
    padding-top: 100px;
  }
}

You can then reduce the other Customizer > Layout > Sidebar –> Padding values to reduce the space below.

[jasper]

Thanks! I had to change it to this to make it work, but I think it looks OK.

/* drop only first widget to make room for logo */

@media(min-width: 769px) {
.widget-area {
padding-top: 60px
}
}

[David]

Glad to hear that!

[Author]

Posts