main menu below header image

  • Author
    Posts
  • #2877575

    janagran
    Member

    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 hallbankgatehub.org.

    #2877739

    janagran
    Member

    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

    #2877768

    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;
    }

    #2877770

    janagran
    Member

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

    #2877776

    No worries, and you are welcome.

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