Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 30, 2014 at 12:52 am #216700
    akamaxbuz

    http://www.kennethbsmith.com/clients/abww/

    The client wants all of these pages on the top level of navigation. Problem is, the navigation disappears on the iPad in portrait view. If I eliminated two pages, it works. Can I make two lines or activate the responsive drop down menu for this situation? Thanks.

    January 30, 2014 at 3:58 am #216753
    Yigit

    Hey akamaxbuz!

    Please go to wp-content\themes\enfold\js folder and open avia.js file and find

    switchWidth 	  = 767;

    and change it to needed value. It will change the width to switch to mobile menu. You can set it to 1000

    Cheers!
    Yigit

    January 30, 2014 at 7:10 am #216819
    akamaxbuz

    I did a search and on line 300, I made the change below.

    function avia_responsive_menu()
    {
    var win = $(window), header = $(‘.responsive #header’);

    if(!header.length) return;

    var menu = header.find(‘.main_menu ul:eq(0)’),
    first_level_items = menu.find(‘>li’).length,
    bottom_menu = $(‘html’).is(‘.bottom_nav_header’),
    //switchWidth = 767;
    switchWidth = 1000;

    if(first_level_items > 7 + header.find(‘#menu-item-search’).length && !bottom_menu)
    {
    switchWidth = 989;
    header.addClass(‘mobile_menu_tablet’);
    }

    I also saw on line 1593 below which I did not change:
    //plugin’s default options
    var settings = {
    switchWidth: 768,
    topOptionText: ‘Select a page’,
    indentString: ‘   ‘
    };

    But no luck. What did I do wrong? http://www.kennethbsmith.com/clients/abww/

    January 30, 2014 at 2:36 pm #216954
    Ismael

    Hey!

    Add this on Quick CSS:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_menu_tablet .main_menu {
display: block;
}
}

    Regards,
    Ismael

    January 30, 2014 at 4:28 pm #216997
    akamaxbuz

    Yes! That works. Many thanks. I will move it to the custom.css
    Now I want to make the Logo space larger and change the nag menu to Oswald but I will ask those separately.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Navigation Menu on iPad portrait view’ is closed to new replies.