[Resolved] Centre Logo

Home Forums Support Centre Logo

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #974954
    James

    Hello:

    I have just installed GP Premium this afternoon and I am very excited.

    I want to position my logo centrally but I have a few issues.

    You can view a screenshot here.

    1. In following the instructions the text “Menu Item Navigator” displays and I need it gone.

    2. The post title is also very squashed.

    I followed the instructions for centre-ing the logo and I have added a header element and I tried to follow the instructions doing this and merging it but I don’t think I have got it right.

    Any help will be appreciated.

    Thanks,

    #975007
    Leo
    Staff
    Customer Support

    Hi there,

    Can you temporarily disable the header element that’s adding the merge layout?

    I don’t think that’s what you want to achieve?

    It would certainly help if you can provide an example of what you are hoping to achieve.

    Let me know if I’m missing something.

    #975268
    James

    I have deleted the header element and it hasn’t changed the look.

    The design that I want can be seen here.

    I just don’t know how to get there!

    Thanks,

    #975320
    David
    Staff
    Customer Support

    Hi there,

    can you follow these instructions for creating the split navigation look:

    https://docs.generatepress.com/article/centering-logo-navigation/

    #975331
    James

    Hello:

    From the article on centering the logo navigation, I followed steps 1-7 from the Using the Header approach but it doesn’t explain why the text for Menu Item Navigator is displayed over the logo.

    Why is that there? How do I delete it?

    Thanks

    #975333
    David
    Staff
    Customer Support

    Is that the menu item you added to create the separating space?
    If so edit the menu item and give it the CSS cless of menu-item-separator as per the article. This will hide the menu item and create the space needed for the logo to sit in the center.

    #975344
    James

    OK:

    Now we are talking!

    When I create a custom link, there is no box to put any css in.

    I only have a box for URL and Navigation Label.

    Here is a screenshot

    #975345
    David
    Staff
    Customer Support
    #975348
    James

    I have fixed it. I missed the explanation about how to add a css box to menu items. It is fixed now. Thanks.

    #975472
    David
    Staff
    Customer Support

    Awesome – glad yo be of help

    #975486
    James

    Is there anyway that I can position my logo dead centre?

    Currently in the blank space between all the other menu items it is “right aligned”. Is there anyway that I can get it centred?

    Here is a screenshot of what it looks like currently.

    #975490
    David
    Staff
    Customer Support

    The logo is actually dead center in the navigation. The issue is the menu items on the right hand side are occupying more space then the left. Something you would need to consider in the design.

    Simplest option would be to make the Customizer > Layout > Primary Navigation > Container > Full width – this will push the menu items out to the edge of the browser.

    Alternative is to shorten the menu items or re-arrange them for better balance.

    #975510
    James

    Great, thanks.

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