Okay
  Public Ticket #235568
hiding or substituting menus per device
Closed

Comments

  • Lee started the conversation

    On a cellphone, the secondary menu looks more important than the main menu. I'd like to be able to hide the secondary menu on cellphone-sized screens, and also swap in a different main menu with additional links. Can you offer some advice or help with this? Thank you. 

  •  8,839
    Tahir replied

    Hey Lee!

    You can hide the secondary header with this custom css:

    @media only screen and (max-width: 470px) {
        #header-secondary-outer {
            display:none;
        }
    }
    
    
    

    As regards swapping the menu. You will likely have to make changes to header.php. Also please make any changes in the attached child theme so changes arent lost when a theme update is made. 

    Cheers


    ThemeNectar Support Team 

  • Lee replied

    Thank you!

    Do you think I can display two main menus via header.php, and always have one hidden via @media CSS statements? 

  •  8,839
    Tahir replied

    Yes , Technically its possible. 

    Cheers


    ThemeNectar Support Team