fixed width styling question

[jimsweb]

when i edited the below code to make it fixed width, the line below top bar still covers the hole screen. can anyone please advise, how to make it same as fixed width? i can see that the line below 'most recent' and 'most viewed' links are fixed. Can this line be created under top bar to give a uniform visual appeal to cevereto installation? please advise.

@media (min-width: 992px) and (max-width: 1920px) {
    .content-width {
        max-width: 1400px;
    }
}
@media (min-width: 1921px) and (max-width: 2560px) {
    .content-width {
        max-width: 1400px;
    }
}
@media (min-width: 3840px) {
    .content-width {
        max-width: 1400px;
    }
}

 

[Rodolfo]

.top-bar {
    max-width: 1400px;
    transform: translate(-50%, 0);
    left: 50%;
}

 

[jimsweb]

thank you - it works fine.

is it possible to make picture view also fixed width to 1400px? right now large picture is show beyond this 1400px boundary.

 

[SMP]

this should do

.image-viewer-container img {
    max-width: 1400px;
}