top banner left side – bottom banner in the middle

• 

  iliraaliai · Member · Jul 26, 2016 at 8:25 am

  • Copy link
  • Add topic to favorites

  The categories in the top banner appear on the left side of the page and the bottom banner in the middle of the page. How can I make both banners appear in the middle?

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

• 

  hallluke · Member · Jul 26, 2016 at 10:42 am

  • Copy link

  Here’s how to centre your main menu at the top of the page, it won’t affect the tablet/mobile version:

  @media screen and (min-width: 900px) {
  	#menu-primary ul {
  		text-align: center;
  	}
  	#menu-primary ul li {
  		float: none;
  	}
  }

• 

  abromley91 · Member · Jul 26, 2016 at 11:10 am

  • Copy link

  @media screen and (min-width: 900px) {
  #menu-primary ul {
  text-align: center;
  }
  #menu-primary ul li {
  float: none;
  }
  }

• 

  iliraaliai · Member · Jul 26, 2016 at 11:35 am

  • Copy link

  I am affraid I need a more explicite explanation. Please think like you are explaining this to a child :) Where do I start from? Where do i add this code? I apologize in advance.

• 

  hallluke · Member · Jul 26, 2016 at 2:14 pm

  • Copy link

  Go to the CSS section of the customiser and then paste it into the area below your existing code and it should take effect in the preview pane. If it works you can save it so that it goes live to all visitors of your site.