Centre Align Logo + Left Align Menu

paulmaps · Member · March 26, 2021 at 12:39 pm
Copy link

Add topic to favorites
Hi Taras,

Is it possible to centre align my logo and left align the primary menu
(e.g. my header would have: Primary Menu – Logo – Social Menu)

This is my site: http://www.joyzine.org

Thank you – love the theme btw.

Paul

The blog I need help with is: (visible only to logged in users)
paulmaps · Member · March 26, 2021 at 12:40 pm
Copy link
Sorry, not sure why that extra link appeared at the bottom of my post – the site I need help with is http://www.joyzine.org

tarasdashkevych · Theme Author · March 26, 2021 at 5:42 pm

Hello Paul,
Thank you for using the Hermes theme! :)

Please use this custom CSS to centre align your logo:


@media (min-width: 992px) {
    .site-header > .main-navigation {
        order: 1;
    }

    .site-header .site-branding {
        order: 2;
        margin: 0 auto;
        padding-right: 0; 
    }

    .site-header > .header-controls {
        order: 3;
        margin-left: 0;
    }
}

Please let me know if you have any additional questions regarding the site header section.

Kind regards,
Taras

paulmaps · Member · March 27, 2021 at 9:24 am
Copy link
That’s great, thank you for such a swift response Taras.
tarasdashkevych · Theme Author · March 29, 2021 at 4:09 pm
Copy link
You are very welcome, Paul!

Kind regards,
Taras

The topic ‘Centre Align Logo + Left Align Menu’ is closed to new replies.

WordPress.com forums

Centre Align Logo + Left Align Menu