Drop down menu at larger screen sizes

  • Author
    Posts
  • #126326

    aliendescent
    Member
    Original poster

    Hey there,

    Theme works great! I just wanted to make a small adjustment to the navigation; in the desktop view of the site I would like to keep the ‘Buy Tickets’ link in the header menu, but have the rest of the items be in a drop down w/ the icon on the right. Also preferably the drop down links would not take up the entire window like they do for the mobile sizes.

    Thanks for your time in advance!

    The blog I need help with is: aliendescent.wordpress.com

    #126434

    tarasdashkevych
    Theme Author

    Hello,
    Thank you for using the Venture theme!

    If you are talking about the adding a toggle sidebar (with a hamburger menu) for these menu items, and keeping the ‘Buy Tickets’ link visible then, unfortunately, it’s not possible to achieve without modifying the theme’s files.

    If you want to create a drop-down menu in regular menu then you can easily to do so using the Custom Menu feature: https://en.support.wordpress.com/menus/

    Let me know if you have any other questions.

    Thank you,
    Taras

    #126440

    aliendescent
    Member
    Original poster

    Sounds goods, thanks for the quick response. Would there be a quick solution then to just having all item in a hamburger menu?

    #126446

    tarasdashkevych
    Theme Author

    If you want to hide the primary menu and display the mobile menu in all views then please use this custom CSS:

    .main-navigation {
      display: none;
    }
    
    #masthead .header-links .header-menu,
    #mobile-navigation {
      display: block;
    }
    
    #toggle-sidebar .mobile-navigation ul li a {
        font-size: 1.625em;
        font-weight: bold;
    }

    Thanks,
    Taras

    #126448

    aliendescent
    Member
    Original poster

    Thanks, it looks good. Last issue I’m running into is that the hamburger menu is there, but now when I click on it there’s no navigation items from the primary menu in the pop out sidebar. I’m inspecting the code but I can’t tell why the menu items aren’t appearing. I have been editing the CSS a lot to get items to display a certain way, so I’m not sure if I have conflicting CSS that’s causing the menu to not appear.

    #126469

    tarasdashkevych
    Theme Author

    Hi,

    I’ve updated the custom CSS above. Could you please try again?

    Thanks,
    Taras

    #126477

    aliendescent
    Member
    Original poster

    Great – I can see the links now and the menu is working, thank you very much for your help.

    #126486

    tarasdashkevych
    Theme Author

    Not a problem :)

The topic ‘Drop down menu at larger screen sizes’ is closed to new replies.