Archived topic

Navigation won't float right

5 replies · Started by Andrew on February 26, 2020

Viewing posts 1–6 of 6

February 26, 2020 at 10:28 pm #1178217

Hi GeneratePress,

I can't thank you enough for your amazing theme. It's really helped me out the last couple of years.

Recently, I was given a GeneratePress site to do a partial redesign. I need to update the home page; however, when I set Header Layout to Navigation Right and Primary Navigation Layout to Float Right, it doesn't want to float right. It'll align right, but it's not floating opposite the logo.

I'm using a Header Element on the home page to merge the background image with the logo and nav and add the transparent blue background.

(The site's privacy username & password is: flywheel)

Thanks for your help.
Andrew

February 27, 2020 at 2:55 am #1178392

Hi there,

this is what i am seeing - what am i missing ? Let me know:

February 27, 2020 at 6:40 am #1178608

Hi David,

Thanks for the quick response.

Funny. In Firefox, the header is aligning fine; however, Chrome isn't.

I'm in working in Development mode so all caching should be turned off and I've tested in Incognito mode for both browsers.

Now I'm noticing in Firefox, the post module at the bottom is getting cut off, but in Chrome it's fine.

Any ideas?

Thanks.
Andrew

February 27, 2020 at 7:05 am #1178750

See this occassionally where browsers interpret CSS Floats differently but not always - but nothing exact that i have a fix for accept for replacing them with Flex box.

Try adding this CSS:

@media (min-width: 1024px) {
    .inside-header {
        display: flex;
        align-items: center;
    }
    .site-logo {
        margin-right: auto;
    }
}

February 28, 2020 at 4:16 pm #1180133

Thanks, David. That seems to work!

Cheers.
Andrew

February 29, 2020 at 4:15 am #1180379

You're welcome

This archived topic is closed to new replies.

Start building better websites today.