Position logo in header.

  • Resolved seven640

    (@seven640)


    1 year ago

    Hi
    I’m trying to position a logo image in the header. If you look at my site you can see I’ve got the image beside the site title using this code:
    .site-title a:after{
    content:””;
    background-image:url(‘https://seventyplus.blog/wp-content/uploads/2025/05/boomer.png’);
    display: inline-block;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    }
    I want to position the logo across to the R/H side. Can someone help with this please?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Dillon Lanier

    (@dillonlanier)

    1 year ago

    You can do it by setting the position to absolute for the logo, and setting the parent to position relative. This CSS should do the trick:

    .site-title {
    position: relative;
    }
    .site-title a:after {
    position: absolute;
    right: 0;
    }

    Thread Starter seven640

    (@seven640)

    1 year ago

    Great work Dillon. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Position logo in header.’ is closed to new replies.