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

Comments

  • john started the conversation
    March 27, 2020 at 11:11pm

    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
    March 28, 2020 at 12:20pm

    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
    March 28, 2020 at 12:59pm

    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
    March 28, 2020 at 1:10pm

    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
    April 2, 2020 at 8:40pm

    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
    April 3, 2020 at 7:05am

    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
    April 3, 2020 at 1:11pm

    Item 3580 for example.

  •  1,831
    Support Agent 1 replied
    April 3, 2020 at 1:22pm

    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
    April 3, 2020 at 1:27pm

    Works great thanks

  •  1,831
    Support Agent 1 replied
    April 3, 2020 at 1:31pm

    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!