How to get a round header?

here is an example:

i am using Spotlight Theme on shopify

@kelikodesign Please provide website url.

@kelikodesign

Please go to

  1. Online store
  2. Themes → Edit theme
  3. Layout
  4. theme.liquid and paste this code before
.section-header header.header {
  background-color: #000000;
  border-radius: 72px;
  margin-top: 19px;
}

If it was helpful, then please like and accept it as a solution.

https://68af94-3f.myshopify.com/
password: bear

Hello this doesnt work

header#site-header {
    background: black;
    border-radius: 45px;
}

try to place this css on theme customizer .

Hi @kelikodesign

Is this solve? i check your store u just like to add some retouch.

Just copying in your sample picture.

header#site-header {
    margin-top: 20px;
    max-width: 97%;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!