Welcome! To use this support forum, please Login or Join Today!

   

ACF Slider

{name}
RankRank

Total Posts: 35

Joined 2016-05-15

PM

 

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/

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

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

{name}
RankRank

Total Posts: 35

Joined 2016-05-15

PM

 

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.

{name}
RankRank

Total Posts: 35

Joined 2016-05-15

PM

 

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”.