Title: [Plugin: Dropdown Menu Widget] Menu does not move when window resizes.
Last modified: August 20, 2016

---

# [Plugin: Dropdown Menu Widget] Menu does not move when window resizes.

 *  [mlsrumors](https://wordpress.org/support/users/mlsrumors/)
 * (@mlsrumors)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-dropdown-menu-widget-menu-does-not-move-when-window-resizes/)
 * Can someone help me out. I am very close to getting this to work but for some
   reason the category menu stays fixed outside of the WordPress theme.
 * here’s the site:
 * [http://dev.mls-rumors.net](http://dev.mls-rumors.net)
 * _**Here’s the code from my header:**_
 * <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt](http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt);
   
   <html xmlns=”[http://www.w3.org/1999/xhtml&#8221](http://www.w3.org/1999/xhtml&#8221);
   <?php language_attributes(); ?>> <head profile=”[http://gmpg.org/xfn/11″&gt](http://gmpg.org/xfn/11″&gt);
   <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset
   =<?php bloginfo(‘charset’); ?>” /> <title><?php wp_title(”); ?><?php if(wp_title(”,
   false)) { echo ‘ :’; } ?> <?php bloginfo(‘name’); ?></title>
 * <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/
   css” media=”screen” />
    <link rel=”alternate” type=”application/rss+xml” title
   =”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” /
   > <link rel=”alternate” type=”application/atom+xml” title=”<?php bloginfo(‘name’);?
   > Atom Feed” href=”<?php bloginfo(‘atom_url’); ?>” /> <link rel=”pingback” href
   =”<?php bloginfo(‘pingback_url’); ?>” /> <link href=’[http://i572.photobucket.com/albums/ss169/mlsrumors/soccerball-1.png&#8217](http://i572.photobucket.com/albums/ss169/mlsrumors/soccerball-1.png&#8217);
   rel=’shortcut icon’/>
 * <?php
    wp_enqueue_script(‘jquery’); wp_enqueue_script(‘effects’, get_stylesheet_directory_uri().‘/
   js/effects.js’); wp_enqueue_script(‘s3Slider’, get_stylesheet_directory_uri().’/
   js/s3Slider.js’); wp_enqueue_script(‘jqueryui’, get_stylesheet_directory_uri().’/
   js/jquery-ui-personalized-1.5.2.packed.js’); wp_enqueue_script(‘sprinkle’, get_stylesheet_directory_uri().’/
   js/sprinkle.js’); ?>
 * <script type=”text/javascript”><!–//–><![CDATA[//><!–
    sfHover = function() {
   if (!document.getElementsByTagName) return false; var sfEls1 = document.getElementById(“
   catmenu”).getElementsByTagName(“li”); for (var i=0; i<sfEls1.length; i++) { sfEls1[
   i].onmouseover=function() { this.className+=” sfhover1″; } sfEls1[i].onmouseout
   =function() { this.className=this.className.replace(new RegExp(” sfhover1\\b”),“”);}}
   var sfEls1 = document.getElementById(“menu”).getElementsByTagName(“li”); for (
   var i=0; i<sfEls1.length; i++) { sfEls1[i].onmouseover=function() { this.className
   +=” sfhover”; } sfEls1[i].onmouseout=function() { this.className=this.className.
   replace(new RegExp(” sfhover\\b”), “”); } } } if (window.attachEvent) window.
   attachEvent(“onload”, sfHover); //–><!]]></script>
 * <?php wp_get_archives(‘type=monthly&format=link’); ?>
    <?php //comments_popup_script();//
   off by default ?> <?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’);
   wp_head(); ?> </head> <body> <div class=”masthead”>
 * <div id=”foxmenucontainer”>
    <?php wp_nav_menu( array( ‘container_id’ => ‘menu’,‘
   theme_location’ => ‘primary’,’fallback_cb’=> ‘fallbackmenu1’ ) ); ?> </div>
 * <div id=”top”>
    <div class=”head”> <div class=”blogname”><?php $logo = get_option(‘
   xan_logo’); if(strlen($logo) > 5): ?> /” title=”<?php bloginfo(‘name’); ?>”><
   img src=”<?php echo $logo; ?>” alt=”<?php bloginfo(‘name’) ?>” /> <?php else:?
   > <h1>/” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?>
   </h1> 
   <h2><?php bloginfo(‘description’); ?></h2> <?php endif; ?>
 * </div>
    <?php include (TEMPLATEPATH . ‘/topad.php’); ?> </div> </div>
 * <div id=”catmenucontainer”>
 *  <?php shailan_dropdown_menu( array( ‘menu’ => ‘secondary’,’container_id’ => ‘
   catmenu’,’theme_location’ => ‘secondary’,’fallback_cb’=> ‘fallbackmenu2’ ) );?
   >
    </div> </div>
 * <div id=”wrapper”><div class=”scrollposts”><marquee width=”100%”><?php $tick_cat
   = get_option(‘xan_tick_cat’);$tickerq = new WP_Query( ‘category_name=’.$tick_cat.’&
   posts_per_page=5′ );echo “<ul id=\”ticker\”>”;while( $tickerq->have_posts() ):
   $tickerq->the_post(); echo ‘
    - ‘; echo ‘<span>’; the_time(‘M : j : Y’); echo ‘</span>’; echo ‘ – ‘; the_title();
      echo ‘
    - ‘;endwhile; echo ”;wp_reset_postdata(); ?><div style=”clear:both;”></div></
      marquee></div>
    - <script type=’text/javascript’>
       var gaJsHost = ((“https:” == document.location.
      protocol) ? “[https://ssl.&#8221](https://ssl.&#8221); : “[http://www.&#8221](http://www.&#8221););
      document.write(unescape(“%3Cscript src='” + gaJsHost + “google-analytics.com/
      ga.js’ type=’text/javascript’%3E%3C/script%3E”)); </script> <script type=’
      text/javascript’> try { var pageTracker = _gat._getTracker(“UA-2493577-1”);
      pageTracker._trackPageview(); } catch(err) {}</script> <!– Start Quantcast
      tag –> <script src=’[http://edge.quantserve.com/quant.js&#8217](http://edge.quantserve.com/quant.js&#8217);
      type=’text/javascript’></script> <script type=’text/javascript’>_qacct=”p-
      d7f9WlcKOIcME”;quantserve();</script>
    - <noscript>
       [<img alt=’Quantcast’ border=’0′ height=’1′ src=’[http://pixel.quantserve.com/pixel/p-d7f9WlcKOIcME.gif&#8217](http://pixel.quantserve.com/pixel/p-d7f9WlcKOIcME.gif&#8217); style
      =’display: none;’ width=’1’/> </noscript> <!– End Quantcast tag –>
    - <div id=”casing”>
    - _**And here is the CSS**_
    - /*
    - Theme Name:Xanthos
       Theme URL: [http://www.web2feel.com/xanthos/](http://www.web2feel.com/xanthos/)
      Description: Free WordPress theme released by web2feel.com Author: Jinsona
      Author URI: [http://www.web2feel.com](http://www.web2feel.com) Version: 1.0.0
      Tags: Brown, white, grey ,three-columns, jQuery slider,thumbnail, right-sidebar,
      twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense.
    - */@font-face { font-family: ‘BebasNeueRegular’; src: url(‘fonts/BebasNeue-
      webfont.eot’); src: url(‘fonts/BebasNeue-webfont.eot?#iefix’) format(’embedded-
      opentype’), url(‘fonts/BebasNeue-webfont.woff’) format(‘woff’), url(‘fonts/
      BebasNeue-webfont.ttf’) format(‘truetype’), url(‘fonts/BebasNeue-webfont.svg#
      BebasNeueRegular’) format(‘svg’); font-weight: normal; font-style: normal;}
    - *{
       margin: 0px; padding: 0px; }
    - body {
       margin:0 auto; padding:0px 0px 0px 0px; background:#212121 url(images/
      body.png); font-family:Arial, verdana,Tahoma,Century gothic, sans-serif; font-
      size:12px; } img { border:0; margin: 0 0; }
    - a {
       color: #990000; text-decoration: none; outline:none; } a:visited { color:#
      5384BF; } a:hover, a:active { color: #214974; text-decoration: none; }
    - h1,h2, h3, h4, h5, h6 {
       line-height:125%; font-weight: bold; }
    -  table {
       border: 1px solid #e7e7e7; margin: 0 -1px 24px 0; text-align: left;
      width: 100%; } tr th, thead th { color: #888; font-size: 12px; font-weight:
      bold; line-height: 18px; padding: 9px 24px; } tr td { border-top: 1px solid#
      e7e7e7; padding: 6px 24px; } tr.odd td { background: #f2f7fc; }
    - ul {
       list-style: square; }
    - blockquote {
       font-style: italic; color: #555; padding:10px; } blockquote 
      blockquote { color: #777; } blockquote em { font-style: normal; }
    - pre {
       padding: 9px; background: #f9f9f9; border: 1px solid #ccc; } code {
      padding: 0 3px; background: #eee; } pre code { background: transparent; }
    - .clear {
       clear:both; } img.centered { display: block; margin-left: auto; 
      margin-right: auto; margin-bottom: 10px; padding: 0px; }
    - img.alignnone {
       padding: 5px 5px; margin: 0px 0px 10px 0px; display: inline;
      background:#ddd; border: 1px solid #ccc; }
    - img.alignright {
       padding: 5px 5px; margin: 5px 0px 10px 10px; display: inline;
      background:#ddd; border: 1px solid #ccc; }
    - img.alignleft {
       padding: 5px 5px; margin: 5px 10px 10px 0px; display: inline;
      background:#ddd; border: 1px solid #ccc; }
    - .aligncenter {
       display: block; margin-left: auto; margin-right: auto; margin-
      bottom: 10px; margin-top: 10px; }
    - .alignright {
       float: right; margin: 0px 0px 10px 10px; }
    - .alignleft {
       float: left; margin: 0px 10px 10px 0px; }
    - .wp-caption {
       background:#ddd; border: 1px solid #ccc; text-align: center;
      padding: 4px 0px 5px 0px; color:#777; }
    - .wp-caption img {
       margin: 0px 0px 5px 0px; padding: 0px; border: 0px;
    -  }
    - .wp-caption p.wp-caption-text {
       margin: 0px; padding: 0px 0px 0px 0px; font-
      size: 11px; font-weight: normal; line-height: 12px; } .rounded{
    -  border-radius: 5px;
       -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    - .insetshadow{
       box-shadow:inset 0 0 5px #ddd; -moz-box-shadow:inset 0 0 5px#
      ddd; -webkit-box-shadow:inset 0 0 5px #ddd; }
    - /* The Outer cover */
       .masthead{ height:215px; background:url(images/masthead.
      png) repeat-x;
    - }
       #wrapper { width:1020px; margin:0px auto; position:relative; padding:0px
      0px;
    -  }
    - #casing {
       padding:0px 0px ; float:left; width:1020px; margin:0px 0px 0px 
      0px; background:url(images/casingg.png) repeat-y; }
    - #topbox{
       width:900px; height:66px; margin:0px auto; }
    - .facebox,.feedbox,.searchbox{
       width:310px; height:66px; float:left; }
    - /* The Header */
    - #top {
       height:123px; margin:auto; position:relative; background:url(images/
      top.png) top center no-repeat;
    -  }
    - .head{
       width:1020px; margin:0px auto; }
    - .blogname {
       width:400px; margin:25px 0 0 10px; height:70px; text-align:left;
      float:left; font-family: Georgia,Arial ,Tahoma, Helvetica, sans-serif;
    -  }
       .blogname h1 { font-size:36px; padding:0px 0 0px 0; font-weight:normal;
      text-shadow:1px 1px 0px #0F1114; } .blogname h1 a:link, .blogname h1 a:visited{
    -  display:block;
       margin:0px 0 0 0px; color: #feffe8;
    -  }
    - .blogname h1 a:hover {
       color: #fff; } .blogname h2 { margin:0px 0px 0px 0px;
      font-size:16px; font-weight:normal; color: #BF0000; text-shadow:1px 1px 0px#
      0F1114;
    -  }
    - /* The Search */
    - #search {
    -  width:310px;
       padding:0px 0px ; margin:-1px 0px 5px 0px; height:54px; background:
      url(images/searchbg.png);
    - }
       #search form { margin: 0px 0px 0px 0px; padding: 0; }
    - #search fieldset {
       margin: 0; padding: 0; border: none; }
    - #search p {
       margin: 0; font-size: 85%; }
    - #s {
       width:228px; background:#44362c; margin:12px 0px 0px 10px; padding: 
      6px 5px; height:15px; border:1px solid #0e0b0a; font: normal 100% “Tahoma”,
      Arial, Helvetica, sans-serif; color:#DFC7B5; float:left; display:inline; }
    - #searchsubmit{
       background:#24272e; border:1px solid #90100e; color:#fff; 
      display:block; margin:20px 0px 0px 10px; padding: 4px 5px; float:left; cursor:
      pointer; }
    - #searchpage{
       background:#fff; border:1px solid #DBDBDB; margin:15px 15px 
      0px 15px; }
    - #sform{
       width:480px; border:none; padding:4px 5px; }
    - #formsubmit{
       float:right; background:#DBDBDB ; border-left:1px solid #DBDBDB!
      important; border:none; padding:3px 5px; } .sboxs{ padding:10px 20px; } .shead{
      margin-bottom:30px;
    - }
       .shead p{ margin-left:15px; margin-bottom:10px; color:#222; }
    - h2.stitle{
       text-decoration: underline; font-weight:normal;
    - }
    - .searchmeta{
       margin-top:5px; color:#43873e; }
    - /*Page menu*/
    - #foxmenucontainer{
       height:30px; display:block; margin:0px auto; font-size:
      14px; font-weight:normal; background:url(images/menu-3n.jpg) repeat-x; padding:
      10px 0px; } #menu{ margin:0px auto; padding: 0px; height:30px; overflow:hidden;
      width:1020px; }
    - #menu ul {
       float: left; list-style: none; margin: 0px; padding: 0px; }
    - #menu li {
       float: left; list-style: none; margin: 0px; padding: 0px; line-
      height:30px; color:#BFA98F; }
    - #menu li a, #menu li a:link, #menu li a:visited {
       color:#BFA98F; display:
      block; margin: 0px; padding: 0px 10px ; line-height:30px; }
    - #menu li a:hover, #menu li a:active {
       background:#810E0C; color: #fff; margin:
      0px; padding: 0px 10px ; line-height:30px; text-decoration: none;
    -  }
    - #menu li li a, #menu li li a:link, #menu li li a:visited {
       background:#3F342B;
      width: 150px; color:#BFA98F; font-weight: normal; float: none; margin: 0px;
      padding: 0px 10px ; line-height:30px; border-bottom: 1px solid #4F4136;
    -  }
    - #menu li li a:hover, #menu li li a:active {
       color: #fff; background:#810E0C;
      padding: 0px 10px ; line-height:30px; }
    - #menu li ul {
       z-index: 9999; position: absolute; left: -999em; height: auto;
      width: 170px; margin: 0px; padding: 0px; background:#0D6191; }
    - #menu li li {
       }
    - #menu li ul a {
       width: 140px; }
    - #menu li ul a:hover, #menu li ul a:active {
       }
    - #menu li ul ul {
       margin: -31px 0 0 170px; }
    - #menu li:hover ul ul, #menu li:hover ul ul ul,
       #menu li.sfhover ul ul, #menu
      li.sfhover ul ul ul { left: -999em; }
    - #menu li:hover ul, #menu li li:hover ul,
       #menu li li li:hover ul, #menu li.
      sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { left: auto;}
    - #menu li:hover, #menu li.sfhover {
       position: static; }
    - /* menu */
    - #catmenucontainer{
       height:41px; display:block; padding:0px 0 0px 0px; font-
      size: 12px;
    - position:relative;
    - right: 0;
    - margin: 0px 0px 0px 220px;
    - width:1020px;
       font-weight:normal; background:url(images/cmenu.png) repeat-
      x;
    -  }
    - #catmenu{
       margin:0px auto; padding: 0px 0px; height:41px; overflow:hidden;
      width:1020px; }
    - #catmenu ul {
       float: left; list-style: none; margin: 0px; padding: 0px; }
    - #catmenu li {
       float: left; list-style: none; margin: 0px; padding: 0px; line-
      height:41px; color:#c39b7f; }
    - #catmenu li a, #catmenu li a:link, #catmenu li a:visited {
       color:#c39b7f;
      display: block; margin: 0px; padding: 0px 10px ; line-height:41px; }
    - #catmenu li a:hover, #catmenu li a:active {
       color: #312720; margin: 0px; 
      padding: 0px 10px ; line-height:41px; text-decoration: none; background:#fff;}
    - #catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
       background:#
      eee; width: 150px; color: #0D081C; font-weight: normal; float: none; margin:
      0px; padding: 0px 10px ; line-height:35px; border-bottom: 1px solid #ccc; }
    - #catmenu li li a:hover, #catmenu li li a:active {
       background:#DFDFDF; color:#
      555; padding: 0px 10px ; line-height:35px; }
    - #catmenu li ul {
       z-index: 9999; position: absolute; left: -999em; height:
      auto; width: 170px; margin: 0px; background:#00150E; }
    - #catmenu li li {
       }
    - #catmenu li ul a {
       width: 140px; }
    - #catmenu li ul a:hover, #catmenu li ul a:active {
       }
    - #catmenu li ul ul {
       margin: -36px 0 0 170px; }
    - #catmenu li:hover ul ul, #catmenu li:hover ul ul ul,
       #catmenu li.sfhover 
      ul ul, #catmenu li.sfhover ul ul ul { left: -999em; }
    - #catmenu li:hover ul, #catmenu li li:hover ul,
       #catmenu li li li:hover ul,#
      catmenu li.sfhover ul, #catmenu li li.sfhover ul, #catmenu li li li.sfhover
      ul { left: auto; }
    - #catmenu li:hover, #catmenu li.sfhover {
       position: static; }
    - /* box content */
    - .high-box{
       width:320px; border-bottom:1px solid #ddd; margin-bottom:20px;}
    - .lbox{
       float:left; }
    - .rbox{
       float:right; }
    - .high-cat{
       font-family:’BebasNeueRegular’; font-size:18px; font-weight:normal;
      margin-bottom:10px; color:#CF4C23; }
    - .high-first-item{
    - }
    - .highmage{
       background:#fff; padding:5px; }
    - .high-first-item h3{
       font-family:’BebasNeueRegular’; font-size:24px; font-
      weight:normal; margin:5px 0px;
    - }
    - .high-first-item h3 a:link,.high-first-item h3 a:visited{
       color:#222; }
    - .high-first-item p{
       padding:0px 0px 10px 0px; line-height:20px; font-size:
      12px; }
    - .high-rest-item h3{
       font-family:’BebasNeueRegular’; font-size:18px; font-
      weight:normal; line-height:18px; padding:7px 0px; border-top:1px solid #ddd;}
    - .high-rest-item h3 a:link,.high-rest-item h3 a:visited{
       color:#615740; }
    - /* Main Content*/
    - #content {
       float:left; width: 710px; height:100%; padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px; display:inline; overflow:hidden; }
    - .box{
       width:325px; float:left; margin-left:20px; margin-bottom:20px; clear:
      left; color:#646464; }
    - .altbox{
       float:right; margin-right:20px; clear:right; }
    - .boxtitle h2{
       font-family:Georgia; font-weight:normal; font-size:20px; }
    - .boxtitle h2 a:link, .boxtitle h2 a:visited{
       color:#322821; }
    - .boxmeta{
       background:#765e4d; display:inline-block; width:330px; } .boxmeta
      a:link,.boxmeta a:visited{ color:#fff; } .bcomm{ float:left; padding:5px 10px;}
    - .morer{
       float:right; padding:5px 10px; }
    - .postim{
       position:relative; float:left; width:150px; }
    - img.postimg{
    -  margin:10px 10px 0px 0px;
       width:150px; height:120px; padding:5px 5px; background:#
      dddddd ; float:left;
    - }
       .single{
    -  border:none!important;
       } .post {
    -  height:100%;
       color:#646464; padding:15px 0px; margin:10px 20px; position:
      relative; }
    - .title{
       margin: 0px; padding: 0px 0px 0px 0px; }
    - .title h1 {
       margin: 0px 0 0px 0; padding: 5px 5px 10px 0px; font: 30px georgia,
      century gothic,verdana, sans-serif; font-weight:normal; overflow:hidden; text-
      shadow:1px 1px 0px #ddd; }
    - .title h1 a, .title h1 a:link, .title h1 a:visited {
       color:#414855; background-
      color: transparent; }
    - .title h1 a:hover {
       color: #000; background-color: transparent; }
    - .postmeta{
       display: inline-block; width:670px; background:#765E4D; padding:
      0px 5px; } .metablock{ color:#fff; text-align:center; padding:5px 10px; text-
      transform:uppercase; font-size:10px; float:left; background:url(images/meta.
      png) no-repeat;
    - }
    - .metablock a:link,
       .metablock a:visited { color:#fff;
    - }
       .metablock a:hover{ color:#000;
    - }
       .author{ color:#fff; font-size:10px; text-transform:uppercase;
    - }
    - .clock{
       color:#fff; font-size:10px; text-transform:uppercase;
    - }
    - .comm{
       color:#fff; font-size:10px; text-transform:uppercase;
    - }
    - .comm a:link,
       .comm a:visited { color:#fff;
    - }
       .comm a:hover{ color:#fff;
    - }
    - .singmet{
       color:#32757c; padding:5px 5px 5px 0px; margin-top:5px; font-size:
      11px; text-transform:uppercase;
    - }
       .singmet a{ color:#32757c; }
    - .readmore{
       width:600px; height:34px; display:inline-block;
    - }
       .read{ float:right; width:137px; background:url(images/rmore.png); height:
      34px; font-size:14px; line-height:34px; text-align:center; text-transform:
      uppercase; font-weight:bold; text-shadow:1px 1px 0px #899F09; } .read a:link,.
      read a:visited { color:#fff;
    - }
       .read a:hover{ color:#000;
    - }
    - .category{
       color:#000; padding:5px 5px 5px 0px; font-size:10px; background:
      url(images/tag.png) no-repeat; text-transform:uppercase; }
    - .category a:link,.category a:visited{
       color:#765E4D;
    -  }
    - .category a:hover{
       color:#000; }
    - .cover{
       margin-left:220px;
    - }
    - .entry {
       margin:0 0; padding: 0px 0px 5px 0px; font-size:12px; }
    - .entry a:link,
       .entry a:visited { color:#DF3A00; background-color: transparent;}.
      entry a:hover { color:#FF0000; background-color: transparent; text-decoration:
      none; }
    - .entry ul, .entry ol{
       margin: .4em 0 1em; line-height: 150%; }
    - .entry ul li, .entry ol li{
       list-style-position:outside; margin-left: 1.6em;}
    - .entry p{
       margin:5px 0px; padding:5px 0px; line-height:24px;
    - }
    - /* right column */
       .right{ float: right; width: 310px; padding:0px 0px 0px
      0; display:inline;
    -  position:relative; overflow: hidden;
       }
    - p.twitter-message{
       color:#555; font-size:12px; padding:10px 10px; border-
      bottom:1px solid #eee; }
    - a.twitter-link{
       color:#DF4400; }
    - a.twitter-user{
       color:#DF4400; }
    - h3.sidetitl{
    -  font-family:Georgia,Tahoma,Century gothic, sans-serif;
       color:#fff; font-
      size:14px; padding:10px 0px 10px 10px; font-weight:normal; background:#201A16;}/*
      The Sidebar */
    - .sidebar{
    - float:left;
       }
    - .sidebox{
       width:100%; margin:0px 0px 10px 0px; background:#fff;
    -  }
    - .sidebox ul {
       list-style-type: none; margin: 0px; padding: 0px 0px 5px 0px;
    -  }
       .sidebox li{ list-style-type: none; margin: 0 ; padding: 0;
    -  }
       .sidebox ul ul { list-style-type: none; margin: 0; padding: 0px 0px 0px
      0px; background-repeat:no-repeat; }
    - .sidebox ul ul ul {
       list-style-type: none; margin: 0; padding: 0; border:
      0; }
    - .sidebox ul ul ul ul {
       list-style-type: none; margin: 0; padding: 0; border:
      0;
    -  }
    - .sidebox ul li {
       height:100%; line-height:18px; clear:left; width: 100%; 
      margin:0px 0px; list-style-type: none; }
    - .sidebox ul li a:link, .sidebox ul li a:visited {
    -  color:#6f6f6f;
       border-bottom:1px solid #eee; text-decoration: none; padding:
      5px 0px 5px 10px; display:block;
    -  }
    - .sidebox ul li a:hover {
    -  color: #DF4400;
       }
    - .sidebox p {
       padding: 7px 10px; margin:0; }
    - .sidebox table{
       width:100%; text-align:center; color:#787d7f; }
    - li.recentcomments{
       padding:5px 10px; width:290px!important; }
    - .oddli{
       background:#fcfcfc; }
    - .squarebanner {
       margin:0px 0px 10px 0px; width:310px; background: #ffffff;}
    - .squarebanner ul{
       list-style-type:none; margin: 0px 20px 0px 20px; padding:
      0px 0px 15px 0px; width: 270px; overflow:hidden; }
    - .squarebanner ul li{
       list-style-type:none; margin: 10px 0px 0px 0px; float:
      left; display:inline; background:#ddd;
    -  }
    - .rbanner{
       float:right!important; margin:10px 0px 0px 0px!important; }
    - /*calendar*/
    - #wp-calendar{
       width: 100%; padding: 0px 5px;
    - }
       #calendar_wrap{
    -  margin:0px auto;
       }
    - #wp-calendar caption{
       padding: 10px 5px 5px 5px ; font-size:16px; color:#
      375752; font-weight:bold; font-family:Arial,Georgia,Century gothic, sans-serif;
      text-transform:uppercase; }
    - #wp-calendar th, #wp-calendar td{
       padding: 5px; text-align:center; color:#
      fff; background:#ccc; }
    - #wp-calendar td a{
    -  padding: 0px;
       border:none; color:#843400; } #wp-calendar td{ background:
      transparent; border:none; color:#444; } #wp-calendar td, table#wp-calendar
      th{ padding: 2px 0; }
    - /* — FOOTER — */
    - #footer {
       padding:10px 0 10px 0px; color:#7F5F47; font-size:12px; margin:
      0px auto; background:#201a16 ; border-bottom:1px solid #90100d; }
    - #footer a:link , #footer a:visited{
       color:#7F5F47; }
    - #footer a:hover {
       color:#7F5F47; }
    - .fcred{
    -  text-align:center;
       margin:10px 0px 10px 10px; line-height:16px; }
    - /* The Navigation */
    - #navigation{
       margin:0px 0px 10px 10px; padding:5px; width:690px; height:27px;}
    - /* The Attachment */
    - .contentCenter {
       text-align:center; }
    - /* The Page Title */
    - h2.pagetitle {
       height:35px; font-family:Georgia,Tahoma,Century gothic, sans-
      serif; color:#6F4400; font-size:18px; padding-top:15px; padding-left:20px;
      font-weight:normal;
    -  }
       h2.pagetitle a { color:#507409; } /* Comments */
    - #commentsbox {
    -  margin:10px 20px;
    - }
    - h3#comments{
       font-size:18px; color:#fff; background:#312720; font-weight:
      bold; padding:10px 10px ; margin-top:10px; font-family:Arial,Georgia,Century
      gothic, sans-serif; }
    - ol.commentlist {
       margin:0px 0 0; clear:both; overflow:hidden; list-style:
      none;
    - }
       ol.commentlist li { margin:5px 0; line-height:18px; padding:10px; border:
      1px solid #ddd; background:#eee;
    - }
    - ol.commentlist li a{
       color:#DF4E00; } ol.commentlist li .comment-author {
      color:#312720;
    - }
       ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author
      a:visited{
    -  color:#312720;
       font-weight:bold; text-decoration:none !important; }
    - ol.commentlist li .comment-author .fn {
       color:#312720; } cite.fn{ color:#
      312720; font-style:normal; } ol.commentlist li .comment-author .avatar{ float:
      right; border:1px solid #ddd; background:#fff; padding:3px; } ol.commentlist
      li .comment-meta{ font-size:10px;
    - }
       ol.commentlist li .comment-meta .commentmetadata{
    -  color:#000;
       }
    - ol.commentlist li .comment-meta a {
       color:#CF0F00; text-decoration:none !
      important; } ol.commentlist li p { line-height:22px; margin-top:5px; color:#
      5F5C4D; font-size:12px;
    - }
       ol.commentlist li .reply{ margin-top:10px; font-size:10px;
    - }
       ol.commentlist li .reply a{ background:#765E4D; border:1px solid #4F4136;
      color:#fff; text-decoration:none; border-radius: 5px; -moz-border-radius: 
      5px; -webkit-border-radius: 5px; padding:3px 10px; }
    - ol.commentlist li.odd {
    - }
       ol.commentlist li.even {
    - }
    - ol.commentlist li ul.children {
       list-style:none; margin:1em 0 0; text-indent:
      0;
    - }
    - ol.commentlist li ul.children li.depth-2 {
    -  margin:0 0 0px 50px;
    - }
    - ol.commentlist li ul.children li.depth-3 {
    -  margin:0 0 0px 50px;
    - }
    - ol.commentlist li ul.children li.depth-4 {
    -  margin:0 0 0px 50px;
    - }
       ol.commentlist li ul.children li.depth-5 {
    -  margin:0 0 0px 50px;
    - }
       .comment-nav{
    -  padding:5px ;
       height:20px;
    - }
    - .comment-nav a:link,.comment-nav a:visited{
    -  color:#00608F;
       }
    - #respond{
    -  padding:0px 0px ;
       margin:10px 0px; border:1px solid #ddd; background:#eee;
    - }
    - #respond a{
       color:#DF4E00; } #respond h3 { font-size:14px; color:#fff; background:#
      FFAB06; font-weight:bold; padding:10px 10px ;
    - }
       #commentform { padding:10px 20px;
    - }
       #commentform p{ margin:5px 0px ; color:#444; } #respond label{ display:
      block; padding:5px 0; color:#444;
    - }
       #respond label small { font-size:10px;
    - }
       #respond input { margin-bottom:10px; padding:5px 5px; margin:0 10px 10px
      0; background:#fff; border:1px solid #ddd; color:#555; } #commentform input{
      width:50%;
    - }
    - #respond input#commentSubmit {
       background:#765E4D; border:1px solid #4F4136;
      color:#fff; text-decoration:none; border-radius: 5px; -moz-border-radius: 
      5px; -webkit-border-radius: 5px; padding:3px 10px; width:100px; margin:10px
      0px;
    -  cursor:pointer;
       } textarea#comment{ border:none; background:#fff; border:
      1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px; color:#
      555; }
    - .widebanner{
    -  height:60px;
       margin:10px 0px; text-align:center; }
    - .postad{
       margin:10px auto; text-align:center; }
    - .wp-pagenavi{
       font-size:12px; text-align: center !important; }
    - .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
       text-decoration:
      none; background:#F2F2F2!important; border: 1px solid #ddd !important; color:#
      555 !important; padding:3px 7px !important; display: block; text-align: center;
      float: left; margin-right: 4px;
    - }
    - .wp-pagenavi a:hover {
       color: #ffffff; }
    - .wp-pagenavi span.pages {
    - display:none;
       }
    - .wp-pagenavi span.current {
       text-decoration: none; background:#1D94F1 !important;
      border: 1px solid #1474C7!important; color:#fff !important; padding:3px 7px!
      important; display: block; text-align: center; float: left; margin-right: 
      4px;
    - }
    - .wp-pagenavi span.extend {
    -  text-decoration: none;
       background:#1D94F1 !important; border: 1px solid #
      1474C7!important; color:#fff !important; padding:3px 7px !important; display:
      block; text-align: center; float: left; margin-right: 4px;
    - }
    - #entry-author-info{
       padding:5px; background:#fcfcfc; border:1px solid #eee;
      margin:10px 0px ; }
    - #author-avatar{
       float:left; padding:5px; background:#ddd; float:left; margin-
      right:10px; }
    - #author-description{
       float:left; margin:0px 0px 0px 5px; width:520px; font-
      size:10px; line-height:14px; } #entry-author-info h3{ margin-bottom:5px; color:#
      333;
    - }
       #author-description p{ line-height:20px; color:#555; }
    - #bottom{
       margin:0px auto; width:1020px; } .bottomcover{ background:#312720;
      margin:0px auto;
    - }
       h3.bothead{
    -  height:20px;
       font-size:18px; padding:10px 0px 10px 5px; color:#fff; text-
      shadow:1px 1px 0px #172C2F; font-family:georgia; font-weight:normal;
    - }
       .botwid{ float:left; width:175px; padding-bottom:30px; font-size:12px; 
      margin:20px 0px 0px 20px; color:#ddd; } .botwid ul { list-style-type: none;
      margin: 0px; padding: 0px 0px 0px 0px ;
    -  }
       .botwid li{ list-style-type: none; margin: 0 ; padding: 0;
    -  }
       .botwid ul ul { list-style-type: none; margin: 0; padding: 0px 0px 0px
      0px; background-repeat:no-repeat; }
    - .botwid ul ul ul{
       list-style-type: none; margin: 0; padding: 0; border:0;}
    - .botwid ul ul ul ul{
       list-style-type: none; margin: 0; padding: 0; border:
      0;
    -  }
    - .botwid ul li {
       height:100%; line-height:18px; clear: left; width: 175px;
      list-style-type: none; }
    - .botwid ul li a:link, .botwid ul li a:visited {
    -  color: #7F5F47;
       text-decoration: none; padding: 5px 0px 5px 5px; display:
      block; border-bottom:1px solid #1F1915;
    -  }
    - .botwid ul li a:hover{
    -  color: #fff;
       }
    - .botwid p{
       padding: 7px 10px; margin:0; }
    - .botwid table {
       width:100%; text-align:center; color:#787d7f; }
    - .twitbox{
       width:450px; float:right; margin:20px 10px 0px 0px; background:
      url(images/twit.png) no-repeat; }
    - .twitbox p{
       width:380px; float:right; color:#d1d3dc; }
    - /* Slider */
       #slider{ width:530px; height:300px; position: relative; /* important*/
      overflow: hidden; /* important */ margin: 10px; padding: 0px; }
    - #sliderContent {
       width:530px; position: absolute; margin: 0px; background:#
      fff; height:300px; }
    - .sliderImage {
       float: left; position: relative; display: none; list-style:
      none; height:300px; } .slimg{ width:530px; height:300px; } .sliderImage span{
      position: absolute; font: 12px Arial, Helvetica, sans-serif; padding: 10px
      10px; width: 510px; background-color: #000; filter: alpha(opacity=70); -moz-
      opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none;}.
      clear { clear: both; } .botom { bottom: 0px; right: 0px; }
    - .botom strong{
       font-size:16px; }
    - .tabox{
       width:310px; overflow:hidden; margin:0px 0px 10px 0px; padding:0px
      0px 0px 0px; background:#fff;
    - }
    - .tabox a {
       color: #222; text-decoration: none; }
    - .tabox a:hover {
       text-decoration: underline; } img.thumbs{ width:75px; height:
      60px; float:left; margin: 0px 10px 0px 0px; background:#ccc; } ul.tabsnav{
      padding:10px 10px 0px 10px; height:31px; margin:0px 0px; background:#201A16;
    - }
    - .tabsnav li {
       display: inline; list-style: none; float:left; font-size:11px;
      text-align:center; margin-right:0px; width:80px; text-transform:uppercase;
      background:#CFCFCF;
    -  }
    - .tabsnav li a {
       text-decoration: none; font-weight: normal; line-height:31px;
      font-weight:bold; padding:0px 0px; font-size: 12px; color:#666; text-decoration:
      none; display:block;
    -  }
    - .tabsnav li a:hover, .tabsnav li a:active, .tabsnav li.ui-tabs-selected a {
      
      text-decoration:none; color:#111; background:#fff;
    -  }
    - .tabsdiv {
       border-right:1px solid #fff; border-left:1px solid #fff; border-
      bottom:1px solid #fff; padding:0px;
    -  }
       .tabsdiv a:link,.tabsdiv a:visited {
    -  color:#52483e;
    -  }
       .tabsdiv a:hover{
    -  color:#52483e;
       } .tabsdiv ul{
    -  list-style-type:none;
       margin:0px 0px; padding:0px 0px;
    -  }
    - .tabsdiv ul li{
    -  height:100%;
       line-height:28px; padding: 0px 0px 0px 0px; color:#333;
    - }
    - .tabsdiv li a:link,.tabsdiv li a:visited{
       display:block; margin-left:5px;
      overflow:hidden; line-height:24px; padding:2px 5px ; margin:2px 5px; color:#
      666; font-size:13px;
    -  }
    - .tabsdiv li a:hover {
    -  color:#47587A;
       text-decoration:none; }
    - .tabsdiv embed{
       width:320px; height:270px; } .tagbox{ padding:10px; } .ui-
      tabs-hide { display: none; }
    - .fblock{
       display:block; border-bottom:1px solid #DBDBDB; margin:0px 5px!important;
      padding:10px 0px!important; } .fblock:hover{ background:#f4f4f4; display:block;}
    - .fblock h3{
       padding:0px 0px 0px 0px; font-family: ‘BebasNeueRegular’; font-
      size:18px; font-weight:normal; text-transform: uppercase; }
    - .fblock h3 a:link,.fblock h3 a:visited{
       color:#D1512A; }
    - .fblock p{
       color:#4D5362; margin:0px !important; padding:0px !important; }
    - .fblock img{
       width: 80px; height: 60px;}
    - .tagsbox{
       padding:10px 15px; }
    - .topbanner{
    -  float:right;
       margin-top:-80px;
    - }
    - .cvl_top{
       position:relative; overflow: hidden; margin:0px; padding: 0px; 
      width: 100%; height: 320px; background: #e0e0e0; }
    - .cvl_slideshow{
       position: absolute;
    -  margin: 0px;
       padding: 0px; top: 0px; left: 0px; width: 540px; height: 320px;}
    - .cvl_ads{
       position: absolute; overflow: hidden; margin:0px; padding:0px; 
      top:10px; right:10px; bottom:10px; width:468px; height:300px; }
    - .clock{
       background: url(‘images/clock.png’) no-repeat; background-position:
      left center; margin:0px; padding: 2px 5px 2px 15px; font-family: Arial,Tahoma,
      Century gothic,sans-serif; font-size: 11px; line-height: 150%; color: #777777;
      text-transform: capitalize; }
    - .comm{
       background: url(‘images/comm.png’) no-repeat; background-position:
      left center; margin:0px; padding: 2px 5px 2px 15px; font-family: Arial,Tahoma,
      Century gothic,sans-serif; font-size: 11px; line-height: 150%; color: #777777;
      text-transform: capitalize; }
    - .incoming, .outgoing{
       width: 325px; float: left; margin: 20px 0px 20px 20px;
      padding: 0px 0px 20px 0px; border-bottom: 1px solid #cccccc; color:#646464;}
    - .incoming h2, .outgoing h2{
       padding:0px 0px 0px 0px; font-family: ‘BebasNeueRegular’;
      font-size:18px; font-weight:normal; text-transform: uppercase; color: #D1512A;}
    - .incoming img.postimg, .outgoing img.postimg{
       margin: 10px 0px 15px 0px; 
      padding: 0px; width: 100%; height: 150px; border: none; }
    - .incoming h3 a:link, .incoming h3 a:visited, .outgoing h3 a:link, .outgoing
      h3 a:visited{
       padding:0px; font-family: ‘BebasNeueRegular’; font-size: 22px;
      font-weight: normal; text-transform: uppercase; color: #322821; }
    - .incoming h3 a:hover, .outgoing h3 a:hover{
       color: #322821; }
    - .incoming p, .outgoing p{
       margin: 15px 0px 0px 0px; }
    - /* Ticker */
    - .scrollposts{
       background:#fff; border-bottom:1px solid #ddd; padding:3px 
      0px; }
    - #ticker{
       float: left; margin: 5px; padding: 0px; }
    - #ticker li{
       margin: 0px 25px; padding: 0px; float: left; list-style:none;}
    - #ticker li span{
       font-weight: bold; }

The topic ‘[Plugin: Dropdown Menu Widget] Menu does not move when window resizes.’
is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/dropdown-menu-widget_484848.svg)
 * [Dropdown Menu Widget](https://wordpress.org/plugins/dropdown-menu-widget/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/dropdown-menu-widget/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/dropdown-menu-widget/)
 * [Active Topics](https://wordpress.org/support/plugin/dropdown-menu-widget/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/dropdown-menu-widget/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/dropdown-menu-widget/reviews/)

 * 0 replies
 * 1 participant
 * Last reply from: [mlsrumors](https://wordpress.org/support/users/mlsrumors/)
 * Last activity: [14 years, 8 months ago](https://wordpress.org/support/topic/plugin-dropdown-menu-widget-menu-does-not-move-when-window-resizes/)
 * Status: not resolved