Okay
  Public Ticket #2340817
Different header menu for mobile and desktop
Closed

Comments

  • john started the conversation

    Hi,

    Is it possible to have a different header menu for mobile and desktop users?

    Thanks in advance for your help.

    John

  •  1,831
    Support Agent 1 replied

    Hi John,

    Unfortunately, this is not possible to do using theme options. Could you please provide more details on what are you trying to achieve? what elements would you like to change?

    Thanks!



    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • john replied

    I would like different pages to show in menu based on whether they are on a mobile device or desktop.

  •  1,831
    Support Agent 1 replied

    Hi John,

    Thank you for the clarification.

    You can inspect your website and then use menu item's id to hide that particular menu item via custom css, like this:

    8845259565.png

    so for this menu item css code would be:

    .btMenuVertical > .menuPort nav ul #menu-item-6028 {
        display: none !important;
    }

    Above code would hide that menu item on small screen devices only.

    Let us know if you need additional assistance.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • john replied

    Hi,

    Thanks for your reply.

    Your code works well but I actually want remove an item from the horizontal menu. I've tried this code but it doesn't work. 

    .btMenuHorizontal > .menuPort nav ul #menu-item-6028 {
        display: none !important;
    }

    Thanks for your help.

  •  1,831
    Support Agent 1 replied

    Hi John,

    Could you please tell us which menu item would you like to remove as we are unable to locate item with that number:

    1093523377.png

    Thanks!


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • john replied

    Item 3580 for example.

  •  1,831
    Support Agent 1 replied

    Hi John,

    Please try the following css code that should hide that particular meny item:

    .btMenuHorizontal .menuPort > nav > ul.menu > #menu-item-3580 {
        display: none !important;
    }
    Let us know if that helped.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • john replied

    Works great thanks

  •  1,831
    Support Agent 1 replied

    Hi John,

    You're welcome!smile.png

    If you are satisfied with our support or you like our product, please consider leaving us a rating. We would really appreciate it! 

    A huge thank you from BoldThemes in advance!



    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!