Site logo

Archived topic

Customize appearance of the menu

10 replies · Started by Marcel on March 25, 2022

Viewing posts 1–11 of 11

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

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 ?

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 :(.

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.

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?

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

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!

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;
    }
}

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

Glad to be of help

This archived topic is closed to new replies.