Close gap between sidebar title and links

[ppe29]

How do I close the gap between the sidebar menu title and first link?

http://pumphoists.com/p60nv-test-page/

[rad]

Hi @ppe29,

Thanks for reaching out.

The only workaround for this is custom CSS since it’s only normal to have spaces between widgets and the title is in the separate widget.

Please add this CSS to your widget are element’s CSS.

$el #nav_menu-2.widget_nav_menu {
margin-top: 0px !important;
}

We can’t provide further customization but this snippet should help you get started. I also recommend using Widget’s default title instead of using a separate widget.

Thanks!

[ppe29]

We’ll have to agree to disagree on that one b/c I think it looks much better without that cavernous gap. Nevertheless, you answered with precision. That was exactly what I wanted. Cheers!

[ppe29]

Here is another example of where I think your auto padding settings are too much. In this example, I think the gap above PULLING should be the same as above MAST & MAIN FRAME. Just an opinion.

[rad]

Hi @ppe29,

There must be a misunderstanding. I’m referring the space between the widgets, it’s only normal for each widget to have spaces so they will look separated. What happened is, you added two widgets and the first widget has the title PUMP HOSTS without content, then the second widget has a navbar menu that has the title of Nav Menu and you hide it by adding this CSS

.widget_nav_menu .h-widget {
    display: none !important;
}

If I’m going to make the widget separation visible, it will look like this

That space is only normal but not looking good in empty and separated widgets.

---

About your second issue of auto-padding, that’s the spaces of the title you added and it’s not widget related. You can still change it by adding classes to your headines, like in your first title

<h5 class="mtn"><span style="color: #ff551d;">PULLING</span></h5>

And please note that you’re adding raw HTML code where it could have its own formatting, hence, you will have to add classes and styling manually.

Thanks!

[ppe29]

I understand what you’re saying now. Thanks for following up. That was very helpful.

[Prasant]

You are most welcome.