[Resolved] Change menus according to screen width

Home Forums Support [Resolved] Change menus according to screen width

Home Forums Support Change menus according to screen width

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

    Hi Tom, that’s a good looking baby you got there!

    I was wondering if there’s a way to css hide/show 2 different menus according to the screen size. I’d like a different custom menu to show when the screen size hits 640px. What template file/s would I need to play with?

    Cheers Pete

    #228355
    Tom
    Lead Developer
    Lead Developer

    Hi Pete,

    Thanks! She’s teething right now so I’m on about 3 hours of sleep. Not so fun.

    Tough question.. I think giving the menu items custom classes is your best bet.

    So give all menu items for one screen size a specific class, and the other menus another class.

    Then hide the smaller screen menu items by default, and use media queries to display them and hide the others at 640px.

    Let me know if that makes sense or not ๐Ÿ™‚

    #228435
    Pete

    Thanks Tom that makes sense. I completely forgot about the menu item classes. I’ll give it a go. Thanks.

    #228511
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.