How to Increase Height on Navigation Bar?

Dazzling
1

Hi,

How do I increase the height of the space on my navigation bar? Right now it looks really short.

Yvonne

2

Hi Yvonne,

I hope you are well today and thank you for your question.

You can try increasing the height of your navigation bar by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Dazzling Options -> Other -> Custom CSS

nav.navbar.navbar-default {
    min-height: 150px;
}

Change the height value in the above code to whatever you want to set.

Best Regards,
Movin

3

Hi Movin,

Thanks for your reply. I’ve put in the CSS Code. Now it appears that the height of the navigation bar has increased. But how do I bring down all the items like Souper Diaries, Home, Recipe Index, Soups, etc? I want it to be in the middle of the navigation bar.

Yvonne

4

To display those items in the middle of the navigation bar try using the below CSS code.

nav.navbar.navbar-default {
    min-height: 150px;
    padding-top: 40px;
}
5

Thanks Movin. It worked :slight_smile:

6

You are most welcome here :slight_smile: