Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #19596

    Hi everyone, I want to force the site to use mobile dropdown menu always when the access is made from a mobile device (tablet & smartphone). This because the menu, on iPad and other tablet, if shown in vertical way, has displaying issues.

    #104267

    Hi,

    Edit js > avia.js then find this code

    // improves menu for mobile devices
    jQuery('.responsive .main_menu ul:eq(0)').mobileMenu({
    switchWidth: 768, //width (in px to switch at)
    topOptionText: jQuery('.main_menu').data('selectname'), //first option text
    indentString: '   ' //string for indenting nested items

    Replace switchWidth value to 1024, something like this

    // improves menu for mobile devices
    jQuery('.responsive .main_menu ul:eq(0)').mobileMenu({
    switchWidth: 1024, //width (in px to switch at)
    topOptionText: jQuery('.main_menu').data('selectname'), //first option text
    indentString: '   ' //string for indenting nested items

    I haven’t tried this since I don’t have a mobile device to check it out. Let me know if it works.

    Regards,

    Ismael

    #104268

    Very good, it functions! Last question: how to center the dropdown? With your solution it is left aligned, i want it centered. Thank you very much!

    #104269

    Hi FefoRipa,

    Try to add this code in your Quick CSS (located inside Choices > Theme Options > Styling) or custom.css (located inside wp-content/themes/choices/css):

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .main_menu {
    position: relative;
    top: -20px;
    left: 50%;
    margin-left: -127px;
    }
    }

    Hope this helps. :)

    Regards,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Ipad main menu’ is closed to new replies.