PRIMARY MENU SPLITS UP INTO TWO BARS

• 

  zohfarcanada · Member · May 18, 2016 at 8:27 pm

  • Copy link
  • Add topic to favorites

  Hey ya’ll,

  I’m using WordPress on Godaddy and I needed some help. I’ve never really coded before so I’m a bit confused. If you go on the website http://www.zfcimmg.com, you can see that the “Avenues to Work” parent page is below the “Firm Profile” parent page. Would it be possible to put all the pages on one line? If so, I’m assuming I’d have to use the CSS editor – what would the code be?

  PLEASE HELP – ITS MUCH APPRECIATED!!

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

• 

  zohfarcanada · Member · May 18, 2016 at 8:31 pm

  • Copy link

  I’m using the Edin theme btw!

• 

  thesacredpath · Member · May 18, 2016 at 8:40 pm

  • Copy link

  Hi @zohfarcanada, these forums are for those hosted here at WordPress.com. For self-hosted WordPress sites such as yours, there is a dedicated Edin theme support forum at WordPress.org.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and the main navigation is set to stay the same width as the content below in the featured image section. You can add the following CSS to make the navigation full width though. I’ve used a media query to limit this change to 1020px and wider since at 1019 and narrower the touch menu activates and the following would cause issues with it.

  @media screen and (min-width: 1020px) {
  .navigation-classic .menu-primary, .navigation-classic .menu-secondary {
      width: 100%;
      padding-right: 20px;
  }
  }