Archived topic

How do I widen the Sticky header/navigation?

3 replies · Started by Adriaan on July 22, 2021

Viewing posts 1–4 of 4

July 22, 2021 at 6:17 am #1866272

Hello! Great theme, I love it!

Just a quick one, on https://vividlygrand.co.za/blog/ (and the entire site apart from the home page,) I have a centered logo and menu which is great. But with the sticky/fixed menu, the logo and menu seem huddled in the middle. Is it possible via CSS or otherwise, to align the logo left, menu right, in accordance with either the website width or the screen width? Instead of being centered in the middle?

I've tried replacing the flex rule with inline-block but it didn't have any effect.

Thanks!

Adriaan

July 22, 2021 at 6:40 am #1866305

Hi there,

try adding this CSS:

.main-navigation.is_stuck .inside-navigation {
    justify-content: space-between;
}

OR if you want to limit to the container width the use this:

.main-navigation.is_stuck .inside-navigation {
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
}

July 22, 2021 at 6:48 am #1866313

Super stuff! Thanks, David, it did the trick.

Have a good one and thanks for the support!

July 22, 2021 at 7:05 am #1866343

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.