Simple WordPress Themes

Can you please tell me what I’ve done here to break the responsive functionality of the menu when the screen is resized? The fonts no longer gets smaller when i resize my browser window.

http://duijam.com/

It looks like you have added some custom CSS but did not take mobile into account. The offending line is in style.css line#90:

(specifically the padding property)

/*! Mobile Styles */
.menu-header {
  display: block;
padding: 42px 0 0 170px;
}

The padding property should be removed and instead redeclared at around line #162:

@media screen and (min-width: 48em) {
  .menu-header {
    padding: 42px 0 0 170px;
  }
  #menu ul ul {
    margin-left: 10px;
  }
}

https://cl.ly/2Q0A3H3H3D1x/o

Thanks. I made that change, but the menu fonts still will not decrease in size when resizing my browser window - like they do in the orion demo.

I’m having a problem with the menu when viewing on a mobile device
(max-width: 47.9375em)

http://duijam.com/

Home/Test/Test 2 - The sub menu of the first sub menu - “TEST 2” appears far to the right an underneath “TEST”. How can I get “TEST 2” to display directly under “TEST”, just as “TEST” displays directly under “Home”.