Archived topic

Logo and main menu to the left and search icon to the right

5 replies · Started by Gary on August 9, 2021

Viewing posts 1–6 of 6

August 9, 2021 at 3:37 am #1888953

Hi GeneratePress,

I've found similar advice in the forum to what I need, but I couldn't get them work properly.

Basically the client wants the logo and main nav on the left and just the search icon on the right.

I tried modifying example 6 from this article.
https://docs.generatepress.com/article/header-examples/

However, it ignored the size of the SVG logo I'd previously added to the site identity section and the menu items moved over the top of it. The header height was also ignored going from 75px to just the height of the logo.

Any help much appreciated.

Thanks

Gary

August 9, 2021 at 4:57 am #1889055

Hi there,

can you share a link to the site, so i can see the layout, and then i should be able to provide a solution.

August 9, 2021 at 5:28 am #1889086

Hi David,

I've shared a link with you in the Private Info.

Cheers for this.

August 9, 2021 at 6:13 am #1889147

Try this CSS:

@media(min-width: 980px) {
    .nav-float-right .navigation-stick .main-nav,
    .nav-float-right #site-navigation {
        margin-left: 40px;
        flex: 1;
    }

    .nav-float-right .navigation-stick .navigation-branding {
        margin-right: initial
    }
}

August 9, 2021 at 7:34 am #1889236

Cheers David, that's sorted it.

August 9, 2021 at 7:44 am #1889250

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.