WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Center Header Image Spun (7 posts)

  1. rnadmin
    Member
    Posted 10 months ago #

    Hi there,

    I have just created a child theme of Spun for my website and now want to move the header image to the centre. I created header.php file as a copy of the parent theme. I can't find any parameter to move the header image to the centre. What should I do?

    Thanks

  2. WPyogi
    Volunteer Moderator
    Posted 10 months ago #

    If you post a link to your site someone can likely help you with the CSS to do that.

  3. rnadmin
    Member
    Posted 10 months ago #

    hey, thanks for this quick reply. This is my site: http://www.remoteneighborhood.com

  4. Andrew
    Forum Moderator
    Posted 10 months ago #

    Try;

    #masthead {
     min-height: 200px;
    }
    
    #masthead img {
     position: absolute;
     left: 50%;
     margin-left: -100px;
    }
  5. rnadmin
    Member
    Posted 10 months ago #

    That worked! Thank you very much for this.

  6. Andrew
    Forum Moderator
    Posted 10 months ago #

    You have a problem now of your logo overlapping the menu when expanded on mobile.

    Try adding this:

    .main-small-navigation {
     position: relative;
    }
  7. rnadmin
    Member
    Posted 10 months ago #

    just added this. I still see the problem with i open the menu though? Is there any way to move the menu right below the header image maybe? It would look better anyways.

Reply

You must log in to post.

About this Theme

About this Topic