How can I make my nav bar smaller on the Warehouse theme?

[adam10910]

Hi

Pls could u provide a solution to making the nav bar smaller (attached example below)

my store:

URL: appliancesclub.com

Theme: Warehouse

wanted result:

current:

Cheers

[GemPages]

Hello @adam10910

It’s GemPages support team and glad to support you today.

You can follow these steps:

1. Go to Online Store → Theme → Edit code
2. Open your theme.liquid theme file
3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

[oscprofessional]

@adam10910
Hello,

@media screen and (min-width: 1000px){
li.nav-bar__item {
    padding: 5px 0;
}
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This