Okay
  Public Ticket #1156797
Problems with menus
Closed

Comments

  • [deleted] started the conversation

    Hello again Salient. I currently have a centered style menu. I have 6 normal links for my Top Navigation menu. I also have a button set to top nav right. On certain sized screens the button covers one of my links. It also covers only part of it. See the attached screen shots for more details. 


    Is there a way to stop this by making the button disappear on smaller sized screens? 

    I tried moving it to the main menu but that makes it look off and not good.

  •  3,033
    Andrew replied

    Hi Tristan,

    Thank you for reaching out to us.

    You can remove the button in smaller devices using the following code:

    @media only screen and (max-height: 1024px){
    li#menu-item-9989 {
        display: none;
    }
    }
    

    Hope this solves the problem.

    Best regards.

  •  9,009
    Tahir replied

    Hey Again,

    If you dontwant to hide the menu .

    1: Try adjusting the Mobile Breakpoint :


    2: Adjust the Menu Item Spacing : 

    Be.st 


    ThemeNectar Support Team 

  • [deleted] replied

    thank you guys for the amazing support. My times ran out now but I'll make sure to get another extended support if I need it. Thanks again!!