Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 23, 2013 at 3:23 pm #25243
    LAHWebDesigns

    When I view my site on iPad and even resizing in a browser, the main menu slides under the logo and does not switch to the responsive layout like the demo for Enfold does.

    The demo seems to switch the navigation to the responsive button at about 1000px wide. And when I adjust the avia.js to 1000 (I’ve searched the posts here for a solution and tried changing the avia.js as suggested in one post) what I get is the responsive button and the menu!

    I have the latest update of Enfold, 1.7 and WP 3.5.2. Am I doing something wrong?

    http://www.ttg.travel/redesign/

    June 24, 2013 at 4:07 pm #126215
    Devin

    Hey

    If you adjust the javascript for the nav menu you also need to adjust the media query. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    @media only screen and (max-width: 1000px) {
    
.responsive #header .main_menu ul {display: none;}
    
}

    Adjust the media query to fit whatever you have in the js file.

    Regards,

    Devin

    June 24, 2013 at 6:29 pm #126216
    LAHWebDesigns

    Devin,

    You’re a prince! Thank you, that seemed to fix it.

    Laura

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Responsive Nav not right on iPad’ is closed to new replies.