Centering logo in navigation

Kacper_Bieda · July 21, 2019, 11:57am

Hey guys,

I’m just starting using webflow and I’m struggling with setting up navigation as I have designed in Sketch.

So, this is how it looks in design file:

The issue is that I have no idea how to center logo between hamburger and contact form link. Currently, I’m trying to set 3 divs - two 45% and one 10% but still I have no idea how to center 10% div with a logo.

Thanks for any piece of advice on how to deal with it.

Link to preview of the website
Preview

shokoaviv · July 21, 2019, 12:13pm

Hi and welcome to the forum

Thank for sharing your read only link. let me dive…

Jeandcc · July 21, 2019, 1:57pm

The problem is definitely how you’re handling the positioning of the elements. I Accomplished the result above use plain grids and not messing with things like position:relative or setting a width for them.

There are several other ways to get that accomplished.

Just try to rebuild that nav from scratch using grids. It will save you time as you don’t have a lot of elements inside it.

java_I_tess · July 21, 2019, 2:53pm

Yes, I accomplished that with Flexbox and not setting to static.

Jeandcc · July 21, 2019, 2:59pm

I didn’t know that you got it fixed. Your read-only didn’t update your project

java_I_tess · July 21, 2019, 3:13pm

I think you mistook me for @ Kacper_Bieda

Jeandcc · July 21, 2019, 3:18pm

oh shoot hahaha That’s right…let’s see if he/she is able to get it done

Kacper_Bieda · July 21, 2019, 8:18pm

Thanks man! It’s working.