moving main menu

• 

  stormsocialmedia · Member · Jan 9, 2017 at 9:30 am

  • Copy link
  • Add topic to favorites

  Hi,

  Wondering if there is a way to move the main menu of my site down slightly. It is too close to the title and tagline, and it all looks a little bunched up!

  Thanks

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

• 

  thesacredpath · Member · Jan 9, 2017 at 8:12 pm

  • Copy link

  Hi, after looking at your site, I think the best way to do this is to use Media Queries so that we can control at what widths the change takes place. The first rule spaces the menu down on 768px and wider screens/windows. I included the second rule because the content was so close to the menu at 767px and narrower.

  @media screen and (min-width: 768px) {
  	#site-navigation-wrapper {
  		padding-top:20px;
  	}
  }
  @media screen and (max-width: 767px) {
  	.pique-panel-content {
  		padding-top: 160px !important;
  	}
  }

  You can adjust the padding values as desired.

• 

  stormsocialmedia · Member · Jan 10, 2017 at 10:52 am

  • Copy link

  Perfect! It worked. Thank you so much.

• 

  thesacredpath · Member · Jan 10, 2017 at 8:02 pm

  • Copy link

  Great and you are welcome.