- This topic has 3 replies, 2 voices, and was last updated 4 years, 6 months ago by
.
-
Posts
-
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!
Customer Support
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.
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
}
}Glad to hear that!
- You must be logged in to reply to this topic.
