[Resolved] Customize appearance of the menu

Home Forums Support [Resolved] Customize appearance of the menu

Home Forums Support Customize appearance of the menu

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #2167016
    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

    #2167030
    David
    Staff
    Customer Support

    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 ?

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

    #2167073
    David
    Staff
    Customer Support

    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.

    #2167076
    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?

    #2167078
    David
    Staff
    Customer Support

    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

    #2167089
    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!

    #2167096
    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

    #2167290
    David
    Staff
    Customer 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;
        }
    }
    #2168252
    Marcel

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

    #2168946
    David
    Staff
    Customer Support
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.