Archived topic

Drop sidebar widget down without increasing spacing between all widgets

3 replies · Started by jasper on March 15, 2021

Viewing posts 1–4 of 4

March 15, 2021 at 9:43 am #1696255

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!

March 15, 2021 at 12:54 pm #1696430

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.

March 15, 2021 at 1:03 pm #1696451

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
}
}

March 15, 2021 at 1:21 pm #1696468

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.