Paula Bonot

Sim, deixar ele igual ao que você quer é facil, o dificil é fazer o spam em wordpress pro menu descer com aquele efeitinho ali 🙁

Então o que mais lhe chama interessa é o efeito do menu?

Substitua todo o código original por este:

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #FFF;
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #333;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#access ul ul {
	border:medium #006;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 200px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul {
	margin-top: 1px !important;
	background: #FFF;
	line-height: 1em;
	padding: 10px;
	width: 180px;
	height: auto;
	-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
overflow:hidden;
border: 1px solid #666666;
}
#access ul ul a {
	background: #FFF;
	line-height: 1em;
	padding: 10px;
	height: auto;
	border: 3px #0000CC !important;
border-bottom: 1px solid #666666 !important;
}

#access li:hover > a,
#access ul ul :hover > a {
	background: #CECEFF;
	color: #333;
	border: 1px solid #8484FF;
	-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #333;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #333;
}

/* =Content
-------------------------------------------------------------- */

Claro que dá, tudo é possível! hehehe

Esse menu ai é bem complexo em, acho que dá pra fazer de uma maneira mais simples o mesmo efeito da imagem que você passou no link!

Isso é CSS puro!! (olha eu aqui de novo)
Você está usando o Twenty né? Então os menus já são dropdown você só precisa ajeitar o style!

/* Registando sidebar slide*/
    register_sidebar( array(
        'name' => 'Slide',
        'id' => 'slide',
        'description'   => 'Area do slider',
        'before_widget' => '<li class="widget-sidebar">',
        'after_widget' => '</li>',
        'before_title' => '<h4>',
        'after_title' => '</h4>',
    ) );

Deixe o código do widget assim, ai você vai poder usar ele em qualquer tema!
Primeiro teste com “li” aí depois se preferir substitua por “h1”, (before_widget e after_widget)

paulodca você quer algo tipo isso?