Drop down Menu

Hi Ziva77,

Creating a super basic drop down menu with for the links may be done by following the example on W3 and modifying it include the links in the output. Like so:

<style>
			.dropdown {
				position: relative;
				display: inline-block;
			}

			.dropdown-content {
				display: none;
				position: absolute;
				background-color: #f9f9f9;
				min-width: 260px;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				padding: 12px 16px;
				z-index: 1;
			}

			.dropdown:hover .dropdown-content {
				display: block;
			}
		</style>

		<div class="dropdown">
			<span>Mouse over me</span>
			<div class="dropdown-content">
				<?php
				$links = new SimpleLinksFactory( [], 'shortcode' );
				echo $links->output();
				?>
			</div>
		</div>

1. You may add the provided code anywhere in your theme that you would like the dropdown to display and the links will be hidden until you mouse over “Mouse over me”.
2. You may move the provided styles into your theme’s stylesheet or leave in place and modify however you would like.
3. You may change the text “Mouse over me” to whatever text or content you would like.

Have a great day!

OnPoint Plugins