Menu Distance to Logo

d_soler · May 2017

Hey dear Muffingroup team!

I tried many things but still have a problem with the distance in the menue. The menue itself is far too many steps away from the logo. I use the Split Menu.
Here is a Screenshot how it is and how it should be. The red boarder shows the area which is set for the logo link to the homepage and I totally don't understand why. I hope you can help me with this two things.

http://www.davidkaysoler.com/wp-content/uploads/2017/05/exmpl-website-logo-distance.jpg

The website itself is work in progress but here is the link: www.davidkaysoler.com

Thank you so much for your time!
David

AndrejSin · May 2017

I am having the same problem.

Loking forward to an answer.

Regards,

Andrej

Bryan · May 2017

The only solution here s to adjust the width of the menus, left and right with this custom css

.header-split #Header .top_bar_left .menu_right {
    width: 45%;
}
.header-split #Header .top_bar_left .menu_left {
    width: 45%;
}

Change the values and see what works for you, it all depends on how many menu items you got.

d_soler · May 2017

Thank you!

@AndrejSin
I added some other configurations to make it perfect for my needs. Maybe it helps you too:

.header-split #Header .top_bar_left .menu_left {
width: 46%;
text-align: right;
}

.header-split #Header .top_bar_left .menu_right {
width: 46%;
text-align: left;
}

.header-split #Header .top_bar_left .logo {
left: 38.2%;
}

AndrejSin · May 2017

Thank you both for your answers.

The problem is then the mobile menu? The items are positioned left and right.

@d_soler do you have this issiue?

d_soler · May 2017

@AndrejSin

Use it like that:
You can change the number of 1240px to any other but I think this is the bethem standard.
Hope this helps!

@media (min-width:1240px) {

   .header-split #Header .top_bar_left .menu_left {
width: 46%;
text-align: right;
}

   .header-split #Header .top_bar_left .menu_right {
width: 46%;
text-align: left;
}

   }

AndrejSin · July 2017

Forgot to thank you!

Very kind of you, if you need anything just write me a messege.

Regards,
Andrej

Menu Distance to Logo

Comments

This website uses cookies