Move menu above logo Responsive theme

  • 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.

Viewing 1 replies (of 1 total)

  • 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;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Move menu above logo Responsive theme’ is closed to new replies.