WordPress.org

Forums

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

  1. rnadmin
    Member
    Posted 1 year 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
    Forum Moderator
    Posted 1 year ago #

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

  3. rnadmin
    Member
    Posted 1 year ago #

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

  4. Andrew
    Forum moderator
    Posted 1 year ago #

    Try;

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

    That worked! Thank you very much for this.

  6. Andrew
    Forum moderator
    Posted 1 year 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 1 year 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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic