[Resolved] How do I style a border around the header section?

Home Forums Support [Resolved] How do I style a border around the header section?

Home Forums Support How do I style a border around the header section?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1576186
    Barney

    I know this one is odd, but I’d like to put a color border around the header.

    #1576310
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    .site-header {
        border: 2px solid #f00;
    }
    #1580182
    Barney

    No change. Any other suggestions?

    #1580351
    David
    Staff
    Customer Support

    Try this:

    .page-hero {
        border: 2px solid #f00;
    }
    #1581628
    Barney

    That put a border around the page hero image, but not around the header above with site title and menu.

    #1581650
    David
    Staff
    Customer Support

    Oops – try this one:

    #mobile-header {
        border: 2px solid #f00;
        box-sizing: border-box;
    }
    #1583125
    Barney

    That’s it! Thank you, David.

    #1583129
    David
    Staff
    Customer Support

    You’re welcome – sorry for the brain freezes there 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.