Hide Menu's Extras on Mobile Devices

Community Forums Forums Design Tips and Tricks Hide Menu's Extras on Mobile Devices

This topic is: not resolved

Tagged: , , ,

This topic contains 1 reply, has 2 voices, and was last updated by  cehwitham 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #18399

    francky
    Participant
    Post count: 41

    How can I hide Primary Menu’s EXTRAS (Twitter, Date etc) on mobile devices? The Extras seem to keep showing on iPad especially.

    I have tried using CSS but couldn’t work.

    I shall appreciate your support.

    #20966

    cehwitham
    Participant
    Post count: 396

    You’ll need to add #nav li.right {display:none;} to your style.css file under the correct media query for the screen sizes you want to hide it for.

    This will hide it across all devices even desktops where the screen is small and the media queries are triggered, if you wanted to do it only for mobile devices you’d need to use some code to discover the device and then flag this up, possibly by adding a body class or mobile for example.

    Let me know if this works.

    Chris


    Twitter: cehwitham Web: cehwitham.com

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

You must be logged in to reply to this topic.