[Resolved] Customize appearance of the menu

[Marcel]

Hello, I hope you can help me. I would like to rebuild the menu exactly as in Typo3. Unfortunately, I only got it approximately. What is still missing is the button position to the right of the logo and that the buttons are round as shown on the screenshot. I would be very happy about your help!
Marcel

Old Typo3-Menue (the menu should look like this in wordpress)
https://bilderupload.org/image/823214907-27fb8ceb3bd59c79564821490.png

New Generate-Menü
https://bilderupload.org/image/cc0614797-unbenannt.png

[David]

Hi there,

in Customizer > Layout > Primary Navigation, set its Location to Float Right.

If theres still an issue can you share a link to the GP Site ?

[Marcel]

Hey thx for the good Support. I send u in Private Information the URL. When I position the menu on the right (float right), it is not exactly next to the logo :(.

[David]

The site is using the older floats structure – is there any reason for that ?
We moved to Flexbox quite some time ago, and only old sites would have that as default.

[Marcel]

GeneratePress Type: Theme • Version: 3.1.3
GeneratePress Child Version: 0.1
GP Premium Type: Plugin • Version: 2.1.2
Expiration: Lifetime

Do I have an old version?

[David]

No its all up to date.
But we deprecated floats in 3.0 – so it only appears if the site was originally started pre 3.0 🙂
You can change the Structure to Flexbox in Customizer > General.

I just wanted to make sure you hadn’t specifically kept the theme as floats

[Marcel]

Ah, now it looks centered and much better. If I need it later, how do I move the menu further to the left now towards the logo? Can I customize that? I haven’t found anything in Customize -> Layout -> Navigation where I can “pull” the whole menu towards the logo. Big Thx for your excellent Support!

[Marcel]

Unfortunately I have one more question 🙂 Is it possible that between the menu hover element is some space? Now it looks like menu item 1 and 2 come together to a white line (see screen) And what would be great if I could round the menu corners. Thanks a million!

https://bilderupload.org/image/1aa419153-fcva385d7d1e52d89d1a48219.png

[David]

OK so now a little CSS:

@media(min-width: 769px) {
    .nav-float-right #site-navigation {
        margin-left: 40px;
        align-self: flex-end; /* align nav to bottom of site header */
    }

    .main-navigation .main-nav ul li a {
        border-radius: 5px;
        margin: 0 2px;
    }
}

[Marcel]

Wow, thanks David for the great support. That’s exactly what I meant! Have a great weekend!

[David]

Glad to be of help

[Author]

Posts