Please view Screenshot: https://www.evernote.com/shard/s77/sh/e65b02fb-abae-4cb6-8db0-74d17f966807/00f858dd4af133e951b260affcb29f34
Website: http://bit.ly/M6McR3
1) I’d like to move the logo back down so the logo sits on top of the black navigation bar like it currently does when its not in mobile view.
2) I’d like to move the social icons up to where the logo is right now in the screenshot.
3) How do I adjust the position of my slide out menu toggle button? I am thinking about putting it inside the black bar on the right side.
Hey jmikhail!
1.) Please use this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.bottom_nav_header.social_header .logo {
position: relative;
margin-top: 60px;
}
}
2.) This is for the social icons:
@media only screen and (max-width: 767px) {
.responsive.bottom_nav_header #header_main .social_bookmarks {
top: -110px;
}
}
3.) Use this:
@media only screen and (max-width: 767px) {
#header_main {
z-index: 3;
}
.bottom_nav_header #advanced_menu_toggle {
top: 210px;
}
}
Cheers!
Ismael