Responsive Menu, hide menu items?

Discussion in 'HTML & Website Design' started by autospa, May 27, 2014.

0
  1. #1
    How to hide some menu items in responsive design?

    Actually I want to display only some menu items in responsive design of my blog.
     
    Solved! View solution.
    autospa, May 27, 2014 IP
  2. hdewantara

    hdewantara Well-Known Member

    Messages:
    538
    Likes Received:
    47
    Best Answers:
    25
    Trophy Points:
    155
    #2
    Can't you just adjust the CSS display prop. for that?
     
    hdewantara, May 28, 2014 IP
  3. #3
    For example, you can add some class, like "hidden-on-mobile". Then in your stylesheet, set display: none for this class and items with this class will disappear on smaller screens.
     
    kenzo22, May 28, 2014 IP
    autospa likes this.
  4. autospa

    autospa Well-Known Member

    Messages:
    407
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    130
    #4
    Thank you so much.

     
    autospa, May 28, 2014 IP
  5. kenzo22

    kenzo22 Member

    Messages:
    177
    Likes Received:
    11
    Best Answers:
    2
    Trophy Points:
    43
    #5
    Remember to set display: none in media query, not in general styles, so it won't cause those items to disappear on wider screens.
     
    kenzo22, May 28, 2014 IP