Menu width

Hi, thanks for a wonderful theme and great support. I have a question regarding the main menu width. As you can see in the examples below, the menu are wider and closer to the edges of the screen. I want a similar design.

Like in these examples


  1. How can I get a similar design?

Hi,

You can manage how to display the menu from: customizer > header area > menu styls > then choose inline. and I thought the inline menu are displayed closer to the edges of the screen.

okey, i perhaps didnt explain so good. I know how to choose inline menu. I have that.

My goal is to make the inline menu wider, and closer to edges of the screen. I suppose you can achieve it with css-code.

Hope you can help me now!

Hi,

Apologies for this misunderstanding.
If you already have a child them, you can duplicate header.php file from the parent theme to the child theme and change this line:

<header id="masthead" class="site-header" role="banner">
	<div class="header-wrap">
           <div class="container">

to:

<header id="masthead" class="site-header" role="banner">
	<div class="header-wrap">
           <div class="container-fluid">

or, you can also achieve this using custom css code:

.header-wrap .container {
    width: 100%;
}

Regards,
Awan

Awesome. Thank you very much. Very good support as always.

Both methods worked great.
But is one of the methods to prefer/better than the other?

I prefer the first method if only you already have a child theme because its better to follow the Bootstrap rules