creating a drop down menu within a menu button on a website.

Avatar
  • Answered
Hi all I have worked out how to add or delete menu items and change their names etc in Boldgrid BUT what I want to do is create drop down menus. So if you look under a Menu item if you then hover over it you will see a drop down box. I did ask this question and email to the support team but they just told me how to create menus. I did find this (see below) which explains what I want to do but shouldn't it be possible within Boldgrid. Apologies if I am being particularly stupid but I am new to all this. Here is what I mean: CSS code for Drop Menu The code below will need to be inserted into the section of your Website. You can also insert the code into an external CSS style sheet. ul {list-style: none;padding: 0px;margin: 0px;} ul li {display: block;position: relative;float: left;border:1px solid #000} li ul {display: none;} ul li a {display: block;background: #000;padding: 5px 10px 5px 10px;text-decoration: none; white-space: nowrap;color: #fff;} ul li a:hover {background: #f00;} li:hover ul {display: block; position: absolute;} li:hover li {float: none;} li:hover a {background: #f00;} li:hover li a:hover {background: #000;} #drop-nav li ul li {border-top: 0px;}
Avatar
Scott
Hello,

Thank you for your question on creating a drop down menu in BoldGrid. You do not need to use the CSS code to do that in WordPress or BoldGrid. You can create dropown menus with the instructions below:

1. Login to the Dashboard
2. Click “Customize”
3. Click “Menus”
4. Click the menu you want to add a child to, such as “primary”
5. Add menu items as needed
6. Move the new menus below the menu you want to drop down, and drag them slightly to the right, almost like it is indented. It will then add the menu item as a drop down option.

Kindest Regards,
Scott M