#562 – How do I reduce thickness of black menu bar at top

Joomla! version : 3.9.1
PHP version : 7.1.24
AdsManager version : 3.2.1

Hello,

How do I reduce thickness of black menu bar at the top of the template. I want to make it half of it's current thickness.

Please let me know what script I need to place in the custom.css file so that it's not set back to the default thickness with each new version of the template. Also, please let me know what root folder to place this custom.css file.

Thank you SO much for all of your help.

Regards,
Michael

Hello,

If by thickness, you talk about its height.

You need to reduce the padding of the menu elements.

In custom.css add that code :

.navbar-nav > li > .separator {
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
}

Best regards.

Thank You.

Hello,

Can I close that ticket ? Or do you need my help for another thing ?

Best regards.