The Extra Theme header by default has a logo on the left and the main menu on the right. If you’d like to place the main menu on the left, next to the logo, here’s how to do it.

Left-align main menu using CSS

You can left align the main menu by adding the following CSS code to your site:

/* Place header menu next to logo */
@media only screen and (min-width: 1025px) {

    #main-header .container {
        justify-content: left !important;
    #main-header #logo { 
        margin-right: 40px;

To add the CSS code to Extra, paste it into Extra's custom CSS box, which you can find from your WordPress admin menu at "Extra > Theme Options > General > Custom CSS". Paste it after any other code already in there. Alternatively, you can place it in the style.css file of your child theme (if using).