How to fix header side as boxed

[cagatay]

Hi again,
Could we fix header as boxed type? I wanna fix it like contet size.

[phenomlab]

@cagatay Hi - do you want the view wider ?

You can amend the container class such as below

@media (min-width: 1200px) {
.container {
    width: 1920px;
}
}

That would give you the below

[cagatay]

@phenomlab no dear i want to view header side like boxed type not wide. Where is dark blue colored.

[DownPW]

@cagatay

like this ?

if yes :

.navbar-fixed-top {
    background: #dee6f3;
    border-bottom: 5px outset #90A4AE;
    border-radius: 8px;
}
 
.navbar-default .navbar-nav>li>a {
    color: #000;
}

[cagatay]

@DownPW no, I want the header to align with the contents of my homepage.
i want to narrow my header which shown photo. (header = navbar)

[phenomlab]

@cagatay You want the header to be the same width as the main content, yes? I personally wouldn’t do that because if you do, it’s likely to impact the main content

[DownPW]

@cagatay

ha okkk sorry

yo ucan play with left and right like this :

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 80px;
    left: 80px;
    z-index: 1030;
}

EDIT:

But @phenomlab is right, this can be a problem depending on the content of this element

[phenomlab]

@DownPW Whilst this works, I wouldn’t recommend changing it. The CSS above is global in nature and will be effective against all breakpoints, including mobile, which doesn’t work very well for the user experience. The theme is responsive out of the box, so (in my view) you should leave it as it is.

It’s the Bootstrap standard

[DownPW]

@phenomlab absolutely

[cagatay]

@phenomlab yes it caused a problem for mobile users.
thank you for helping …