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 2 years, 9 months ago.

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


    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.



    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.


    Twitter: cehwitham Web: cehwitham.com

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

You must be logged in to reply to this topic.