[Support request] Change main menu active background size + secondary menu

[Cedric]

Hey,
I really like the main menu design of this page:
https://bitcoin.org
Is there any way to make the menu look similar with GP Premium?
Thank you.

[Leo]

Hi there,

Isn’t this the same question as you posted before? https://generatepress.com/forums/topic/how-do-i-get-my-site-to-look-like-this/

Can you stick with the original topic? Thanks!

[Cedric]

Okay, so do I ask the same question in that topic then?
I just made a seperate topic because I thought it’s easier to deal with since I just want this one change.

[Leo]

What is the one change? Can you link me to your current site?

[Cedric]

I added it to the topic, it says only admins can see, not sure if you can.
I just want to have a more slim active background when I hover over the main menu items and if possible have rounded edges + a border around the slide-out menu.
Just like the site I mentioned.

Right now my problem is when I adjust the menu height my navigation logo also becomes smaller and I want the mentioned rounded edges + a colored border.

[Leo]

Yup I’m an admin 🙂

Currently I don’t see a background color when hover over the menu item?

Also don’t see a slideout navigation either.

We can remove the padding on navigation logo so that you can reduce the navigation height some more:

.main-navigation .navigation-logo img {
    padding: 0;
    line-height: 100px
}

[Cedric]

It’s temporarily disabled because the active background is way too big, slide out menu isn’t set-up yet.
Even with the padding disabled it’s still way too big sadly, the menu height at 37px is about right but then the logo is way too small.

[Leo]

I’ve added a line-height style above so you can set the height of the logo.

Then you can adjust the navigation height to be smaller.

Then please activate everything you intend to activate so I can see and give you some more CSS to get to where you want to be.

[Author]

Posts