Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 4, 2017 at 12:02 am #859840
    CivicMinds

    Hello,
    I have tried adding the css:

    @media only screen and (max-width: 990px) {
    .hide-on-mobile {
    display: none !important;
    }}

    and then adding the class name to the menu item but it does not hide in the mobile menu.
    Please help

    October 4, 2017 at 5:42 am #859894
    Jordan Shannon

    Hey CivicMinds,

    Please provide a link to the site in question so we can look into this further. Are you looking to hide specific links?

    Best regards,
    Jordan Shannon

    October 4, 2017 at 6:46 pm #860264
    CivicMinds

    Hey Jordan,

    I am trying to hide some menu pages in the mobile.
    For Example Opportunities > Hiring Process : I want this page only to be seen on the desktop menu and not on the mobile menu.

    Thank You

    October 6, 2017 at 5:41 pm #861096
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
.sub-menu li:first-child {
display:none;
}}

    Best regards,
    Jordan Shannon

    October 6, 2017 at 10:13 pm #861194
    CivicMinds

    Hey Jordan,

    Thanks for code but I don’t want all the first sub menu pages to be hidden. I want a code where I can select the sub menu items that I want to hide on the mobile.

    October 7, 2017 at 1:27 am #861216
    Jordan Shannon

    Hi,

    This is not a possible option out of the box. The only solution for this at the moment would be using css to hide those specific items.

    Best regards,
    Jordan Shannon

    October 7, 2017 at 3:24 am #861248
    CivicMinds

    Yes, and i am looking for a css code that would do that, I have tried using this code, but it does not work.

    @media only screen and (max-width: 990px) {
    .hide-on-mobile {
    display: none !important;
    }}

    But when i use this css same code for hiding the sub menu on desktop that works.

    @media only screen and (min-width: 990px) {
    .hide-on-desktop{
    display: none !important;
    }}

    I would really appreciate it if you could help me with the code

    October 8, 2017 at 11:01 pm #861704
    Mike

    Hi,
    Sorry at this time you can’t hide certain mobile menu items, they all share the same class. The next update should restore this feature.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.