How to make separating line full width of nav menu?

[atmos-art]

Hi,

I have added a separating line above my nav menu but it does not fill the screen like the one below it.

How can I make it the same width as the line underneath?

Thanks

URL: www.atmos.art

[Small_Task_Help]

Hi,

Hope this will work

- Find Right File (header.liquid or sections/header.liquid)
- Locate Your Top Separator Line
Example - <hr class="top-separator"> or <div class="top-line"></div>
- Use CSS to make it full width

CSS Example

.top-separator {
  width: 100vw; /* 100% of the screen width */
  height: 1px;
  background-color: #000; /* or whatever color your line is */
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  left: 0;
}

[atmos-art]

Hi,

I can’t find those lines of code. Here is the code I am currently using to add a separator line above if that helps. It is in the theme.liquid file.

<style>
nav.header__inline-menu {
    border-top: solid 1px #edecea;
}
.header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
    width: 100%;
    text-align: -webkit-center;
}
</style>