Menus

  • How to remove Instagram menu underneath Women?

    Also how to add Men menus as on the example website?

  • Hi Plamen,

    It looks like you don’t have a menu created yet, which is why WordPress is automatically displaying all your pages in the navigation.

    To fix this, go to Appearance → Menus and create a new menu. Add only the pages you want to show, arrange them in the order you’d like, and create dropdowns by dragging items slightly to the right under a parent item (e.g. your Men pages under a “Men” parent). Then assign the menu to the Primary Menu location and save.

    Once you’ve done that, only the items you’ve added to the menu will display.

    Here’s a helpful guide that walks through the process: WordPress Menu User Guide

  • I added menus and everything went so wrong. I guess because of the CSS Code. Check added examples.

  • Hi,

    Can you send a screenshot of your menu set up in the backend?

  • Last Link

  • Hello,

    I meant the setup in Appearance -> Menus. It would also be nice to remove that extra CSS so we can start fresh!

  • Last screenshot. My goal is the menus to look like the menus on dna models site.

  • Have you set the menu to appear on the Primary Menu area?

    Primary menu area

  • I think yes! Check the last Screenshot.

  • Hello,

    This is the name of the menu, look further down at the Menu Settings.

  • Check the last Screenshot.

  • Please, click the Primary Menu checkbox and hit the Save Menu button.

  • Done

  • Do you want your menu to be like this?

    Main menu

  • Yep!

  • Hi there,

    Try adding this CSS:

    @media (min-width: 769px) {
        nav.main-navigation .inside-navigation {
            align-items: flex-start;
        }
        nav.main-navigation ul ul {
            position: static;
            left: auto;
            height: auto;
            opacity: 1;
            box-shadow: none;
        }
        nav.main-navigation ul .dropdown-menu-toggle {
            display: none;
        }
    }
    
    .main-navigation #primary-menu.main-nav > ul {
        align-items: flex-start;
    }
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.