Main Nav menu styling

[Aristoto]

How do I add colour to the menu background (main menu) and reduce the height of the menu bar.

[Radu]

Hi,

Please provide credentials to can view your website.

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Aristoto]

This reply has been set as private.

[Radu]

Hi,

Go to wp-admin -> theme options -> header options -> Main Menu Font size and Main Menu Height*

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Aristoto]

But that is controlling the entire header height. The menu bar height which remains same.
And is it possible for the menu bar to have a different background colour?

Thanks

[Radu]

Hi,

Control menu neight with this css

COPY CODE

.kleo-main-header.header-left:not(.header-scrolled) .navbar-collapse>ul>li>a {
    line-height: 45px!important;
}

Regarding the menu bar please provide a screenshot that pointing out the menu bar

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Aristoto]

Thanks. I was able to adjust the height with the CSS.

Is there a way to colour the background of the main menu.
And separately style the top menu too? See attached images.

Thanks

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Use this styles.

Topbar

COPY CODE

.header-color.social-header {
    background-color: yellow;
}

.header-color .top-menu li > a, .header-color #top-social li a {
    font-family: monospace;
    color: red;
}

MainMenu

COPY CODE

.kleo-main-header .collapse { background-color: red; }
.kleo-main-header .collapse li a{ color:green; }

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts