Tablet break points

• 

  webcherub · Member · Nov 10, 2019 at 1:35 am

  • Copy link
  • Add topic to favorites

  Hello!

  I really hope someone can pop along and help me :)

  On this site https//:preciouscherubs.co.uk (enter Butterflies1901) I want to change the theme’s default hamburger menu break point.

  The menu keeps piling up no matter what I try :,(

  First I tried this:

  
  @media (max-width: 1430px) {
  #et_mobile_nav_menu {
  display: block;
  }
  #top-menu {
  display: none;
  }

  But it didn’t do it. Then I tried this:

  
  @media only screen and (max-width: 1430px) and (min-width: 880px) {
  #top-menu-nav { display:none !important; }
  }
  
  @media only screen and (max-width: 1430px) and (min-width: 880px) {
  #et_mobile_nav_menu { display:block !important; }
  }

  This hasn’t worked either.

  What am I doing wrong?

  Thank you.

• 

  kokkieh · Staff · Nov 11, 2019 at 7:01 am

  • Copy link

  Hi there,

  You’ve posted in the forums for WordPress.com. We can only help with sites hosted on our servers, or with themes listed at https://wordpress.com/themes.

  Your site is not hosted on WordPress.com, but using the open source WordPress software found on WordPress.org, and you’re not using one of our themes, so we cannot help you here.

  It looks like you’re using the Divi theme, so please contact their support directly for help.

  https://www.elegantthemes.com/contact/

  General support for the version of WordPress you’re using can be found at https://wordpress.org/support/forums/