Logo and menu responsiveness

[Grace]

Grace

February 8, 2016 at 9:54 pm

Hi!

1. First, I adjusted my logo to be larger and to be centred within the menu items using this:

@media (min-width: 992px) {
#logo {
margin-left: -165px;
margin-right: -35px;
}
}

However, when I shrink the screen size, the first thing that happens is the logo gets larger. How can I change this?

2. Second, when the screen responds again (tablet & ipad size?), I would like the menu to be below the logo, where the secondary menu normally is. Is this possible after splitting the menu between the left and right?

3. Just to be clear, third response (phone size?) would be as it is, going to a mobile menu.

Thanks, as always, for your help!