How to move logo in 2016

  • ketanco

    (@ketanco)


    2 years ago

    In the default theme i am trying, 2016, I placed my logo but it appears on the left of screen and under site heading. How can I move it to the top of the screen and in the middle? I tried to drag it in customize screen but it doesn’t work or it doesn’t let me move it. my site robothaber.com. so again, i want the logo at the very top and in the middle.

Viewing 10 replies - 1 through 10 (of 10 total)
  • macmonir

    (@macmonir)

    2 years ago

    using css, you can move it to middle and top

    Thread Starter ketanco

    (@ketanco)

    2 years ago

    great idea. but i don’t know much css. and where do i write that code. can you enlighten me?

    macmonir

    (@macmonir)

    2 years ago

    you can add css in the theme css file i mean style.css

    macmonir

    (@macmonir)

    2 years ago

    you need to move the header image block above the header menu first. then add css to make it top middle. without moving the header image block, it will be below the menu

    Thread Starter ketanco

    (@ketanco)

    2 years ago

    where can i see header image block? i do not see it… you give generic answers. where can i see header menu. how do i “move” the header image block…?

    macmonir

    (@macmonir)

    2 years ago

    its in the code

    macmonir

    (@macmonir)

    2 years ago

    are you able to edit the php code of the theme ?

    Thread Starter ketanco

    (@ketanco)

    2 years ago

    great answer… “it is in the code”

    Thread Starter ketanco

    (@ketanco)

    2 years ago

    yes of course i am able to edit code. i keep asking you what must i write where… you only give generic, useless answers.. if you do not know the answer then stop wasting both our time

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    2 years ago

    This centers the logo:

    .header-image {
    text-align: center;
}

    To add or override CSS: use the “Additional CSS” option in the customizer.  https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress or at [site]/wp-admin/customize.php if you don’t have that menu option.

    Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

    To put it *above* the menu, you’d need to create a child theme and edit (probably) the file header.php.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘How to move logo in 2016’ is closed to new replies.