Remove Hamburger Menu From Toro Theme

• 

  championpickleball · Member · Sep 29, 2016 at 8:28 pm

  • Copy link
  • Add topic to favorites

  Hi- Im new to CSS.
  I am using the Toro Theme for WordPress on my site.
  Im using the Edit CSS Plugin from Jetpack.
  My main menu just has 3 items. I want to leave responsive site enable but I dont want it to collapse into a “Hamburger menu” when the screen gets smaller, like on an ipad.
  I found the following CSS code online that said it would solve my problem:

  @media screen and (max-width: 75em) {

  .menu-toggle {
  display: none;
  }
  .main-navigation ul:first-child {
  display: inherit;
  text-align: center;
  }

  }

  but I copied it into the Edit CSS box and Saved the Style Sheet. When hit preview and resize the screen I still get the collapsed “hamburger menu”. Any help would be greatly appreciated

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

• 

  championpickleball · Member · Sep 29, 2016 at 8:30 pm

  • Copy link

  Its the Tora Theme not Toro

• 

  thesacredpath · Member · Sep 30, 2016 at 6:27 am

  • Copy link

  Hi @championpickleball, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org Themes and Templates forum.

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

  The differences between WordPress.com and WordPress.org.