Logo left but navigation center

  • rob33

    (@rob33)


    4 years ago

    Hi,

    I would like the navigation to stay central – where it is but by uploading logo via Customizing Site Identity it shunts navigation around, increases height and leaves no margin to remove the height its created as all padding setting set to zero.

    For Customizing ? Layout Header I have uploaded logo and in tablet/phone it has aligned left but no logo appears on desktop.

    Pls kindly clarify which route one uses to upload a logo and perhaps how I can upload it so it remains left with navigation remaining central and without the affecting the height of the header.

    Thanks.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 16 through 30 (of 39 total)
  • Leo

    (@leohsiang)

    Can you keep the logo in Site Identity and set the navigation location to float right?
    https://docs.generatepress.com/article/navigation-location/

    Then I’ll take a look at the site and provide the CSS to center the navigation.

    Thread Starter rob33

    (@rob33)

    Ok – it’s back up – thanks Leo.

    Leo

    (@leohsiang)

    I’m currently seeing the navigation location as below header.

    Can you switch to float right?

    Thread Starter rob33

    (@rob33)

    Ok – have switched.

    Leo

    (@leohsiang)

    Try this:

    @media (min-width: 769px) {
    .main-navigation {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
    }
}
    Thread Starter rob33

    (@rob33)

    Thanks Leo – nearly – navigation juts out at the bottom – pls take a look.

    Edi – thanks – height my end – looks good – Thanks for that Leo.

    • This reply was modified 4 years ago by rob33.
    Leo

    (@leohsiang)

    No problem ??

    Thread Starter rob33

    (@rob33)

    Oh, just one thing. Enabling the Search has it appearing center – is it possible for search to align right?

    Cheers on the navigation css.

    Leo

    (@leohsiang)

    I’m not seeing the navigation search activated.

    Can you activate it so I can view the issue?

    Thread Starter rob33

    (@rob33)

    Sorry – thought it was. Activated now.

    Leo

    (@leohsiang)

    Are you using the latest GeneratePress?

    If so can you go to Customizer > General and switch the structure to Flex?

    Thread Starter rob33

    (@rob33)

    Updated but don’t see flex, I just see:

    Font
    Combine CSS
    Reduce the number of CSS file requests and use a lite version of our grid system.
    Cache dynamic CSS
    Cache CSS generated by your options to boost performance.
    Smooth scroll
    Initiate smooth scroll on anchor links using the smooth-scroll class

    Leo

    (@leohsiang)

    That’s strange. You are using GeneratePress 3.0.2 now?

    This is what the General panel should look like:
    https://www.screencast.com/t/Tt5UJENtACP

    Thread Starter rob33

    (@rob33)

    Yes – just updated to GeneratePressVersion: 3.0.2

    Under Customizing -> General I do not see that.

    Leo

    (@leohsiang)

    That’s strange. 3.0+ has been out for a while now and I actually haven’t seen this issue before.

    Are you using a child theme?

Viewing 15 replies - 16 through 30 (of 39 total)
  • The topic ‘Logo left but navigation center’ is closed to new replies.