WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
Move menu above logo Responsive theme (2 posts)

  1. ilaneb
    Member
    Posted 10 months ago #

    I'm trying to move the menu above the logo. I know I make the change in header but I don't know where the code begins and ends. However, I don't want the changes to the responsive/mobile version. In the mobile version, it's fine that the menu is after the logo. Help? Thanks in advance.

  2. icing
    Member
    Posted 10 months ago #

    Wanted to do this for mobile. This is what I did in style.css of childtheme. Will have to dig deeper for what you want to do. But this will give you an idea.

    @media screen and (max-width: 650px) {
    /* Move nav-bar to the top*/
    .js .main-nav {
    	position: absolute;
    	top: 0;
    	right: 0;
    }
    
    /* Move logo down by the height of nav-bar i.e.30px */
    #logo {
    	position: relative;
    	top: 30px;
    }

Reply

You must log in to post.

About this Theme

About this Topic