[valhalla202]

Ahh I left out the "a" after the code. Right after I put that in it worked perfect.

You're a miracle worker! It looks awesome. Thanks so much!

[valhalla202]

So I took your recommendation and it worked awesome thus far! Strictly on mobile and I got rid of the padding and the top white space.

I have one follow-up question - So I was able to raise the picture close to the top navigation bar as recommended here:

.primary-nav .site-header {
  ///adjust margin-top according to view-port size//////
  margin-top: -20px;

However, I can't seem to figure out how to now raise the secondary navigation to be up toward the header image.

I tried this:

.site-header .secondary-nav {
		margin-top: -100px ;

And changed the margins and the various nav-secondary. Also tried putting it as ".secondary-nav .site-header" and even just trying "secondary nav" but can't seem to get that dang thing to move up there!

Any ideas? Also - thanks so much for the other help, like I said worked like a charm! 😀

[valhalla202]

Thanks Juliette!

Do you happen to know what media size I should put it under? like @media only max width: 1023px or a lower one?

Sorry for the confusion!

[Author]

Posts