0
Welcome Guest! Login
0 items Join Now

ROCKETTHEME IS CLOSING ON JUNE 30, 2025. As a thank-you to our community, enjoy 50% off all themes with the promo code THANKYOU before we shut down. Read our Farewell Blog Post for more details.

Larger iPhone & Android Menu

Last Post
Search Topic
    • Macmaster's Avatar
    • Macmaster
    • Jr. Rocketeer
    • Posts: 47
    • Thanks: 0

    Larger iPhone & Android Menu

    Posted 13 years 7 months ago
    • Forgive me if this is documented somewhere, but is there a way to publish a larger menu on mobile devices?

      I'm finding the default menu too small. The sub-menus are fine, it's just the top-level menu.

      I'm using Modulus on the latest version of Gantry.

      I can't post a link at the moment, as the site is in development on a localhost.
    #717300
    • Macmaster's Avatar
    • Macmaster
    • Jr. Rocketeer
    • Posts: 47
    • Thanks: 0

    Re: Larger iPhone & Android Menu

    Posted 13 years 7 months ago
    • Can anyone help?

      I just need to make the menu larger. It's too small for fingers.

      This image is hidden for guests.
      Please log in or register to see it.
    #719251
    • JeffShinn's Avatar
    • JeffShinn
    • Sr. Rocketeer
    • Posts: 122
    • Thanks: 1
    • Software Engineer (BS CET/MS CS)

    Re: Larger iPhone & Android Menu

    Posted 13 years 7 months ago
    • I do not have this template installed locally to search it, but see if you can find somewhere in the CSS directory a file referring to mobile, iphone, etc. Then look for any styles that would be for a menu item. It's difficult troubleshooting style because you cannot use FireBug :-(

      But going by the way RT codes their menus, I'd look for a menu-oriented UL LI A reference for text size, and possibly the top level UL property for the height of the containment area.

      Good luck, if no one else posts a better response I will attempt to get Modulus installed locally and help you look for the properties to change.

      Jeff
    • When someone is impatient and says, "I haven't got all day," I always wonder, How can that be? How can you not have all day?
    #721531
    • Macmaster's Avatar
    • Macmaster
    • Jr. Rocketeer
    • Posts: 47
    • Thanks: 0

    Re: Larger iPhone & Android Menu

    Posted 13 years 7 months ago
    • Jeff, I really appreciate you taking the time to reply. I don't understand why RT have ignored my posts.

      Anyway, thanks very much for your help and if you do find anything in the template files, please do post back.
    #721585
    • Macmaster's Avatar
    • Macmaster
    • Jr. Rocketeer
    • Posts: 47
    • Thanks: 0

    Re: Larger iPhone & Android Menu

    Posted 13 years 7 months ago
    • OK, thanks to Jeff pointing me in the right direction, I've managed to work this out.

      For the benefit of anyone else who might need to make the mobile menu bigger, in iPhone-gantry.css, logo for this line:
      body #rt-menu ul.menu li a {color: #aaa;font-size: 0.9em;line-height:2.2em !important;padding: 0 10px;text-shadow: 1px 1px 1px #fff;}

      and replace with:
      body #rt-menu ul.menu li a {color: #aaa;font-size: 1.2em;line-height:3.0em !important;padding: 0 10px;text-shadow: 1px 1px 1px #fff;}

      These settings worked for me using Modulus, but YMMV on other Gantry templates.

      To make things even easier to navigate, I will just use a single top level menu item "MENU" and branch all other menu items off of this.
    #721657

Time to create page: 0.084 seconds