Navigation TOO spaced out?

Site URL: https://www.mattportch.com

Hi,

For some weird reason - my navigation is suddenly appearing spaced out from top to bottom when it used to be centred?

The spaces between the links are too big...

@tuanphan

It is fine here. Did you solve?

No it's still the same.

I didn't change any css. I woke up today, clicked the nav and its all stretched out as below...

Add to Home > Design > Custom CSS

.header-menu-nav-item a {
    padding-top: 1vw;
    padding-bottom: 1vw;
}

Thank you yes that works!!!!

Hi,

You don't have idea how to remove the big text that appears when clicking the nav button in MOBILE view?

On mobile, If I click the hamburger once to reveal the navigation menu, then immediately click the hamburger icon again to close it - the text appears really large on the screen briefly...?

Edit this code

.header--menu-open .header-menu .header-menu-nav a {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1em;
}

to

.header-menu .header-menu-nav a {
    font-size: 12px;
    letter-spacing: 2.5px;
    line-height: 1em;
}

Excellent thank you!!

Hi there, 

I tried adding the padding code,  but instead of spacing out the menu, it changed the padding of the underline... I want the menu to all fit on one page.

Site URL: unemodemeilleure.com 

I hope you can help!

Thanks 🙂

@purpose

Add the following to Design > Custom CSS.

.tweak-global-animations-animation-type-flex .header-menu-nav-item {

  margin-bottom : 0.5em;
  
  }

This is for v7.1.

Let us know how it goes.

On 7/5/2021 at 9:54 PM, purpose said:

Hi there, 

I tried adding the padding code,  but instead of spacing out the menu, it changed the padding of the underline... I want the menu to all fit on one page.

Site URL: unemodemeilleure.com 

I hope you can help!

Thanks 🙂

Hi. I found some minor problems on the site. Do you need help to solve these?

Site URL – https://www.unemodemeilleure.com/

1. (Desktop – partenaires) The amount of text in the block is different, so the block size is not equal, it doesn’t look good.

https://www.unemodemeilleure.com/partenaires

2. (Desktop – Actualites) Arrow icon – text in image overlap.

https://www.unemodemeilleure.com/actualites

3. (Mobile – propos) The order of text and image is confused

https://www.unemodemeilleure.com/a-propos

4. (Tablet – Partenaires) Increase text width?

https://www.unemodemeilleure.com/partenaires

5. (Tablet – Actualies)The image is skewed to the left.

https://www.unemodemeilleure.com/actualites