How to move logo centrally

You can add this code to your Child Theme style.css file, or by using a Custom CSS plugin.

#cs-site-brand {
    float: none;
    margin: 20px auto;
}

To create the menu he describes, go to Appearance > Menus and add a Custom Link to your chosen menu. In the URL field add a # and enter cs-open-upload in the field marked CSS Classes.

Hope this helps.

You’re very welcome.

Start off with the basics of learning simple HTML/CSS, and also use your browsers Inspect Element tool by right-clicking on any part of your theme, or use tools like Firebug to view the code structure of a theme.

You can expand and collapse each element using the small arrows alongside each element, click on an element to highlight it and the CSS that is being applied to the highlighted element will be visible to the right of the inspection window. You can also move your mouse cursor over this code structure and it will highlight the hovered area on your site, this allows you to locate any part of your theme with ease.

You can also modify this CSS code by double-clicking on styles and making any changes, your code changes are reflected in real-time too allowing you to test things before spending time writing code.

There are a lot of resources & guides available to you, which can be overwhelming, so just start off slowly by inspecting the default TwentySixteen theme and progress to more advanced themes later, where you can probably start delving into PHP.

Hope this helps, and good luck!

• This reply was modified 9 years, 5 months ago by ThemeSumo. Reason: clarity
• This reply was modified 9 years, 5 months ago by ThemeSumo.