Navigation Top of Page

• 

  tuckahoeortho1 · Member · Mar 16, 2017 at 9:08 pm

  • Copy link
  • Add topic to favorites

  Is there a way to make the image appear below the navigation/header? (Instead of the image starting under the navigation area.) Any support is very welcome. What is happening is the header area is cropping off the heads of the pics — or its too much space — depending on the screen size you are looking at. On a large screen – gorgeous; on a small screen – awkward cropped off images. (And I have to have the white header at the top because the logo colors.) Thanks for your help!
  Piper

  The blog I need help with is: (visible only to logged in users)

• 

  tuckahoeortho1 · Member · Mar 16, 2017 at 9:11 pm

  • Copy link

  ps. Or if there is just a way to lock the image height. Thanks!

• 

  thesacredpath · Member · Mar 17, 2017 at 9:25 am

  • Copy link

  Hi, we can shift the image down a bit so the head doesn’t get cut off when the menu goes to two lines with the following. You can adjust the 40px value as desired. 40 seems to work pretty well without causing any other issues.

  #page .has-background-cover {
      background-position: center 40px;
  }

• 

  tuckahoeortho1 · Member · Mar 17, 2017 at 11:52 am

  • Copy link

  Thank YOU Tremendously for your help!!!!!!!!!

• 

  thesacredpath · Member · Mar 17, 2017 at 8:00 pm

  • Copy link

  You are welcome.