Navigation
Archive / Menu based on screen size
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 6, 2016 at 6:40 pm #1205889
    jdfrizzell
    Participant

    I have had to create different sections for the same function on this website:

    http://01d.753.myftpupload.com/

    for the purpose of responsiveness.

    That means that on mobile, links will be to different sections than on desktop.

    How can I hide and show menu items based on screen size?

    October 6, 2016 at 9:54 pm #1206221
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can show menu items based on screensize by using menu id. Please add this under Custom > CSS in the Customizer.

    @media only screen and (max-width: 900px) {
    li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-836  {
        display:none !important;
    }
}

    Let us know how it goes.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1205889 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>