Epik responsive navigation

Community Forums Forums Design Tips and Tricks Epik responsive navigation

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Teo100 3 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #106787

    Teo100
    Member
    Post count: 15

    My problem is that when I have more menu items than in the default Epik theme, the menu items tend drop to second row when viewing on e.g. Ipad devices.

    See a screenshot here
    You can see how the last menu item (“theme colors”) drops to a second row.

    Is it possible to keep the menu items on one level somehow. The responsiveness seems to work fine only if you have less menu items.

    • This topic was modified 3 months, 3 weeks ago by  Teo100.
    • This topic was modified 3 months, 3 weeks ago by  Teo100.
    • This topic was modified 3 months, 3 weeks ago by  Teo100.
    • This topic was modified 3 months, 3 weeks ago by  Teo100.
    #106833

    nutsandbolts
    Moderator
    Post count: 3130

    You could decrease the font size, padding, etc. in the media queries section of your stylesheet to keep the menu items on one row. That said, there does come a point where there are more menu items than room on the screen, so they have to drop down to a second level eventually if you have a lot of items in the menu.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #107585

    Teo100
    Member
    Post count: 15

    Thanks,
    I realised that it’s just easier to build the responsive menu from scratch.

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

The topic ‘Epik responsive navigation’ is closed to new replies.