main menu below header image

  • Author
  • #2877575


    Hi, I would like my main menu to appear below the header image, at the moment it is above it. Is this possible and how do I do it? Thanks very much.

    The blog I need help with is



    Hi, would really appreciate if someone could reply and let me know whether or not it is possible to move my main menu below the header image. And if it is, then how? Thanks very much


    Hi @janagran, since I work from oldest to newest in the forum, if you reply to your own thread to bump it, it effectively moves it to the bottom of my list, which means you will typically end up waiting longer for a reply.

    We can reorder the header and menu using the following CSS, but one caveat I’ll mention is that although the majority of browsers have been supporting this for quite some time, in the case of Internet Explorer, it was not fully supported until IE11. IE10 partially supported it, but it is quite flakey on 10.

    #masthead {
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-direction: column;
    	flex-direction: column;
    .header-image {
    	-webkit-order: 1;
    	order: 1;
    .site-header-main {
    	-webkit-order: 2;
    	order: 2;



    Thank you so much for your help. Apologies for my impatience.


    No worries, and you are welcome.

The topic ‘main menu below header image’ is closed to new replies.