StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Hide Menu's Extras on Mobile Devices

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: not resolved

Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 6, 2013 at 2:33 am #18399
    francky
    Member

    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.

    February 18, 2013 at 6:51 am #20966
    cehwitham
    Participant

    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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.