Centering logo in navigation

Design help General
1

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:

image
image1800×260 57.8 KB

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

2

Hi and welcome to the forum

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

3

image
image1409×917 199 KB

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.

1 Like
4

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

1 Like
5

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

6

I think you mistook me for @ Kacper_Bieda :grinning:

7

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

2 Likes
8

Thanks man! It’s working. :smirk:

1 Like