Increase menu width

Illdy
1

Hi, and thank you so much already for your theme and this forum where I found a lot of answers already !

There is still one thing I’d like to change, and I can’t find how to do it (or when I find some ideas, they don’t work for me) : I’d like to reduce space between menu items, change the width of my menu and expend it on the left. There’s a lot space between the logo and the menu, and I’d like this one to be only on one line.

Here is my website : http://axismodula.com

Could you help me please ?
Thanks,

Sarah for AxisModula

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

#header .top-header .header-navigation ul li {
margin-left: 14px;
}

Thanks!
Colorlib Support Team

3

Hi, thank you, it worked perfectly !

One last question, would it be possible to give more space to the menu, and less to the logo ?

4

Hello there,

I hope you are doing well today.

What exactly do you mean by that?

You can try using this CSS to change the width of the logo and the menu:


/*Logo width*/
@media (min-width: 768px){
.col-sm-4 {
    width: 30%;
}
}

@media (min-width: 768px){
.col-sm-8 {
    width: 70%;
}
}

Best Regards,
Support

5

Thank you, that’s exactly what I was looking for.

Have a nice day !

6

Hello there,

Great, I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support