Archived topic
Customize appearance of the menu
10 replies · Started by Marcel on March 25, 2022
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!
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
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