[Resolved] Trying to achieve this menu:

[generatedcadcpr]

Hi Guys I’m trying to build the above menu. I’m using Generate Press Premium & Elementor.
All links need to have a hover color too.

I tried doing it in elementor by using buttons (making the button transparent except for the text) because you can choose a hover color. But when the site loads, for a second you see original make-up of the buttons, and it also doesnt work so well when you scale down the size of your browser window.

I’ve tried using smart slider. Easy to have text links with hover color, but resizing the browser windows becomes really tricky, everything moves around in an ugly way.

Is there a way to do it, just using generate press?

[Leo]

Hi there,

Maybe give this a shot? https://generatepress.com/forums/topic/float-logo-and-adjust-size-and-position-keeping-it-responsive/#post-246468

[generatedcadcpr]

it almost works! how would i change the css to have the logo’s top, line up with the top of the page? Right now there’s some space between the top of the logo and top of the page.

[Leo]

Can you link me to the page possibly? Thanks!

[generatedcadcpr]

removed link.

here’s the link, the menu is not complete yet and the page isn’t either.

[Leo]

Try this:

.main-navigation .navigation-logo img {
    padding-top: 0;
}

[generatedcadcpr]

That did it, thanks so much, you guys are awesome with the support.

[Leo]

Glad we could help!

[Author]

Posts