Title: Hovering over dropdown menu bar.Text overlapping
Last modified: August 22, 2016

---

# Hovering over dropdown menu bar.Text overlapping

 *  Resolved [mudiya2610](https://wordpress.org/support/users/mudiya2610/)
 * (@mudiya2610)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/)
 * I am working on a site. [
    as you can see when you put your mouse over ABOUT 
   US menu bar.Its option > WHO ARE WE is overlapping with the LEVEL 2 menu bar’s
   item GALLERY. i tried everything. How to fix it ? I am using University : Viva
   theme.

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812704)
 * Hey there mudiya2610,
 * Hope you’re well today!
 * This should be possible to fix with some custom CSS. Could you please try adding
   the following CSS code in the style.css file of your [child theme](http://codex.wordpress.org/Child_Themes)
   or if your theme doesn’t have custom CSS tab add it in your site using the following
   plugin:
 * [http://wordpress.org/plugins/simple-custom-css](http://wordpress.org/plugins/simple-custom-css)
 *     ```
       .sf-menu li {
       z-index: inherit;
       }
   
       .sf-menu ul li {
       position: relative;
       z-index: 999;
       }
       ```
   
 * This should fix the issue with the dropdown. Hope this helps 🙂
 * Best regards,
    Bojan
 *  Thread Starter [mudiya2610](https://wordpress.org/support/users/mudiya2610/)
 * (@mudiya2610)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812713)
 * [@bojan](https://wordpress.org/support/users/bojan/) – WPMU DEV
 *     ```
       /*
       Theme Name: university-child Theme
       Theme URI: http://www.vivathemes.com/university-free-wordpress-theme/
       Description: A theme that can be used for educational, academic, institutions or business websites. Fully responsive. Front page image slider. Featured posts or pages below the slider. Integrated social media icon fonts, 11 available. Easily upload your logo image.
       Author: Viva Themes
       Author URI: http://www.vivathemes.com
       Template: university
       Version: 1.0.3
       */
   
       @import url("../university/style.css");
   
       University Theme, (C) 2014 Viva Themes
       */
   
       body,html{
         height:100%;
         min-height: 100%;
       }
   
       body {
       	background: #5bc1c3;
       	color: #333;
       	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
       	font-size: 14px;
       	font-weight: 300;
       	margin:0;
       	padding:0;
       	line-height: 175%;
       	-webkit-font-smoothing:antialiased;
       	-moz-osx-font-smoothing:grayscale;
       }
   
       h1 {
       	font-size: 26px;
       	color: #800000;
       	margin-top: 20px;
       	text-transform: none;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       	font-weight: 400;
       }
   
       h2 {
       	color: #000;
       	margin:0;
       	padding:0;
       	margin-top: 20px;
       	text-transform: none;
       	font-weight: 400;
       	font-size: 22px;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       }
   
       h3 {
       	color: #000;
       	margin:0;
       	padding:0;
       	margin-top: 20px;
       	text-transform: none;
       	font-weight: 400;
       	font-size: 20px;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       }
   
       h4 {
       	color: #000;
       	margin:0;
       	padding:0;
       	margin-top: 20px;
       	text-transform: none;
       	font-weight: 400;
       	font-size: 16px;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       }
   
       h5 {
       	color: #000;
       	margin:0;
       	padding:0;
       	margin-top: 20px;
       	text-transform: none;
       	font-weight: 400;
       	font-size: 12px;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       }
   
       p { margin-top: 6px; }
   
       img {
       	border: none; padding:0;
       }
   
       img a {
       	border:none;
       }
   
       img.left {
       	float: left; border: none; padding: 6px 0 0 0;
       }
   
       img.right {
       	float: right; border: none; padding: 0 0 0 6px;
       	}
   
       blockquote {
       	border-left:1px solid #ccc;
       	margin:15px;
       	padding:0 12px 0 12px;
       	font-style: italic;
       }
   
       code{
       	font-family:"Courier New", Courier, monospace;
       }
   
       /* links */
   
       a {
       	color: #333;
       	text-decoration: underline;
       }
   
       a:hover {
       	text-decoration: none;
       }
   
       /* container */
   
       #container {
       	width: 100%;
       	float: left;
       	clear: left;
       	overflow:hidden;
       }
   
       #outerwrapper {
       	max-width: 1000px;
       	margin: 0 auto;
       	padding-left: 25px;
       	padding-right: 25px;
       }
   
       #wrapper {
       	width: 100%;
       	float: left;
       	clear: left;
       	margin-top: 30px;
       	background-color: #fff;
       	background-color: rgba(255,255,255,.3);
       	-webkit-border-radius: 9px;
         	-moz-border-radius: 9px;
         	-ms-border-radius: 9px;
         	-o-border-radius: 9px;
         	border-radius: 9px;
       }
   
       #inwrapper {
       	width: 98%;
       	float: left;
       	clear: left;
       	background: #fff;
       	margin: 1%;
       	-webkit-border-radius: 9px;
         	-moz-border-radius: 9px;
         	-ms-border-radius: 9px;
         	-o-border-radius: 9px;
         	border-radius: 9px;
       }
   
       /* header */
   
       #header {
         	width: 100%;
       	float: left;
       	clear: left;
       }
   
       #logo {
       	width: 100%;
       	float:left;
       	margin-top: 40px;
       	text-align: center;
       }
   
       #logo img {
       	display: inline-block;
           max-width: 100%;
           min-width: 100px;
       }
   
       #logo a {
       	color: #a3978e;
       	text-decoration: none;
       }
   
       #logo h1 a,
       #logo h1 {
       	font-weight: 300;
       	font-size: 35px;
       	color: #fff;
       	text-transform: uppercase;
       	text-decoration: none;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       	line-height: 36px;
       	margin-top: 0;
       	text-align: center;
       }
   
       #site-description {
       	color: #fff;
       	margin: 0;
       	padding: 0;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       	font-weight: 300;
       	font-size: 50px;
       }
   
       /* Main Menu */
   
       #mainmenu {
       	width: 92%;
       	float: left;
       	clear: left;
       	margin-left: 4%;
       	margin-top: 20px;
       	border-bottom: solid 2px #F6C934;
       	*width: 916px; /* IE7 only hack */
   
       }
   
       .home #mainmenu {
       	border-bottom: none;
   
       }
   
       .sf-menu, .sf-menu * {
       	margin: 0;
       	padding: 0;
       	list-style: none;
       }
   
       .sf-menu ul li {
       position: relative;
       z-index: 999;
       }
   
       .sf-menu ul {
       	position: absolute;
       	display: none;
       	top: 100%;
       	left: 0;
       	z-index: 99;
       }
   
       .sf-menu > li {
       	float: left;
       }
   
       .sf-menu li:hover > ul,
       .sf-menu li.sfHover > ul {
       	display: block;
   
       }
   
       .sf-menu a {
       	display: block;
       	position: relative;
       }
   
       .sf-menu ul ul {
       	top: 0;
       	left: 100%;
       }
   
       /* Centre the Menu */
   
       .sf-menu {
           float: left;
           position: relative;
           left: 50%;
       }
       .sf-menu ul li {
   
        left: 0%;
       }
       .sf-menu li {
        left: -50%;
   
       }
   
       /*** Menu Styling ***/
       .sf-menu {
       	float: left;
       	margin-bottom: 1em;
       }
       .sf-menu ul {
       	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
       	min-width: 12em; /* allow long menu items to determine submenu width */
       	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
       }
       .sf-menu a {
       	padding: 7px 15px;
       	text-decoration: none;
       	zoom: 1; /* IE7 */
       	font-size: 16px;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       	text-transform: uppercase;
       	color: #000;
       	font-weight: 400;
       }
   
       .sf-menu a:hover,
       .sf-menu li.current-menu-item a {
       	color: #5DC5C7;
       }
   
       .sf-menu li {
       	white-space: nowrap; /* no need for Supersubs plugin */
       	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
       	-webkit-transition: background .2s;
       	transition: background .2s;
       }
   
       .sf-menu ul li {
       	background: #000000;
   
       }
   
       .sf-menu ul ul li {
       	background: #000000;
   
       }
   
       .sf-menu ul li a,
       .sf-menu ul ul li a {
       	color: #666;
       	font-size: 13px;
       	text-transform: none;
       	line-height: 160%;
       }
   
       .sf-menu li:hover,
       .sf-menu li.sfHover {
       	/* only transition out, not in */
       	-webkit-transition: none;
       	transition: none;
   
       }
   
       /*** arrows (for all except IE7) **/
       .sf-arrows .sf-with-ul {
       	padding-right: 2.5em;
       	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
       }
       /* styling for both css and generated arrows */
   
       .sf-arrows > li > .sf-with-ul:focus:after,
       .sf-arrows > li:hover > .sf-with-ul:after,
       .sf-arrows > .sfHover > .sf-with-ul:after {
       	border-top-color: #333; /* IE8 fallback colour */
       }
       /* styling for right-facing arrows */
       .sf-arrows .sf-with-ul:after {
       	content: '';
       	position: absolute;
       	top: 50%;
       	right: 1em;
       	margin-top: -3px;
       	height: 0;
       	width: 0;
       	/* order of following 3 rules important for fallbacks to work */
       	border: 5px solid transparent;
       	border-top-color: #a3978e; /* edit this to suit design (no rgba in IE8) */
       	border-top-color: rgba(163,151,142,.5);
       }
       .sf-arrows ul .sf-with-ul:before {
       	margin-top: -5px;
       	margin-right: -3px;
       	border-color: #000000;
       	border-left-color: #a3978e; /* edit this to suit design (no rgba in IE8) */
       	border-left-color: rgba(163,151,142,.5);
       }
       .sf-arrows ul li > .sf-with-ul:focus:after,
       .sf-arrows ul li:hover > .sf-with-ul:after,
       .sf-arrows ul .sfHover > .sf-with-ul:after {
       	border-left-color: #333;
       }
   
       .select-menu {display:none ;}
   
       /* search */
   
       #searchbox {
       	width: 200px;
       	float: right;
       	margin: 0;
       	padding: 0;
       	height: 60px;
       }
   
       #searchform {
       	width: 100%;
       }
   
       #searchform input#s {
       	width: 190px;
       	padding-left: 5px;
       	background: none;
       	border: none;
       	height: 30px;
       	margin-top: 10px;
       	border: solid 1px #fff;
       	font-family: 'Open Sans', arial, helvetica;
       	font-weight: 400;
       	color: #666;
       }
   
       #content #searchform input#s {
       	border: solid 1px #eaeaea;
       }
   
       input#s:focus {
       	outline:none;
       }
   
       #searchform input#searchsubmit {
       	display: none;
       }
   
       #header h2 {
       	display: none;
       }
   
       /* Featured Posts Template */
   
       #services {
       	width: 100%;
       	float: left;
       	clear: left;
       	margin-top: 20px;
       }
   
       .servicespost {
       	width: 28%;
       	float: left;
       	margin: 0;
       	margin-left: 4%;
       	padding-bottom: 40px;
       	-webkit-transition: all 3s ease;
         	-moz-transition: all 3s ease;
         	-o-transition: all 3s ease;
         	-ms-transition: all 3s ease;
         	transition: all 3s ease;
       }
   
       .servicespost h2.entry-title a,
       .servicespost h2.entry-title {
       	font-weight: 400;
       	color: #000;
       	font-size: 16px;
       	margin-top: 20px;
       	margin-bottom: 15px;
       	padding: 0;
       	text-transform: uppercase;
       }
   
       /* Content Section */
   
       #contentwrapper {
       	width: 92%;
       	float: left;
       	clear: left;
       	margin-left: 4%;
       	padding-top: 40px;
       	border-top: solid 2px #F6C934;
       }
   
       .home #contentwrapper {
       	border-top: solid 2px #eaeaea;
       }
   
       #content {
       	max-width: 550px;
       	float: left;
       	margin-bottom: 40px;
       }
   
       #contentfull {
       	width: 100%;
       	float: left;
       	margin-bottom: 40px;
       }
   
       /* content */
   
       .attachment-blogthumb {
       	margin-top: 10px;
       }
   
       .post {
       	margin:0;
       	padding:0;
       	width: 100%;
       	float: left;
       	clear: left;
       	margin-bottom: 30px;
       }
   
       .entry {
       }
   
       h1.entry-title,
       h2.entry-title {
       	margin:0;
       	padding: 0;
       	font-weight: 400;
       	color: #000;
       	text-transform: uppercase;
       	font-size: 16px;
       	margin-top: 5px;
       }
   
       h2.entry-title a {
       	text-decoration: none;
       	color: #000;
       	font-size: 16px;
       	line-height: 120%;
       }
   
       h2.entry-title {
       	margin-bottom: 0;
       	padding-bottom: 0;
       }
   
       h2.pagetitle {
       	display: none;
       }
   
       .post ul {}
   
       .post li {
       	margin-left: 15px;
       }
   
       .entry p {
       	margin: 8px 0;
       }
   
       .belowpost {
       	width: 100%;
       	float: left;
       	clear: both;
       	height: 50px;
       }
   
       .postdate {
       	font-weight: 400;
       	color: #F6C934;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       	font-size: 14px;
       	text-transform: none;
       	text-decoration: none;
       	width: 100%;
       	float: left;
       }
   
       a.more-link {
       	font-size: 14px;
       	color: #333;
       	text-decoration: none;
       	padding: 6px 22px;
       	border: solid 2px #4AB8BA;
       	margin-top: 10px;
       	float: left;
       	display: block;
       	-webkit-transition: all 0.3s ease;
         	-moz-transition:    all 0.3s ease;
         	-ms-transition:     all 0.3s ease;
         	-o-transition:      all 0.3s ease;
       	-webkit-border-radius: 3px;
         	-moz-border-radius: 3px;
         	-ms-border-radius: 3px;
         	-o-border-radius: 3px;
         	border-radius: 3px;
       }
   
       a.more-link:hover {
       	color: #fff;
       	background: #4AB8BA;
       }
   
       ol {
       	margin: 10px;
       }
   
       ul {
       	margin: 5px;
       }
   
       p.singletags {
       	line-height: 32px;
       }
   
       p.singletags a {
       	text-decoration: none;
       	border: solid 2px #eaeaea;
       	height: 26px;
       	line-height: 26px;
       	font-size: 16px;
       	display: inline-block;
       	padding: 0 6px;
       	-webkit-transition: all 0.3s ease;
         	-moz-transition:    all 0.3s ease;
         	-ms-transition:     all 0.3s ease;
         	-o-transition:      all 0.3s ease;
       }
   
       p.singletags a:hover {
       	color: #999;
       }
   
       p.singletags:before {
       	display: inline-block;
       	-webkit-font-smoothing: antialiased;
       	font: normal 32px/1 'Genericons';
       	vertical-align: top;
       	content: '\f302';
       }
   
       /* Right Sidebar*/
   
       #rightbar {
       	width: 240px;
       	float: right;
       	margin-left: 20px;
       	font-size: 14px;
       	margin-bottom: 40px;
       	margin-top: 10px;
       }
   
       #rightbar .widgets {
       	width: 200px;
       	padding: 20px;
       	background: #eaeaea;
       	margin-bottom: 30px;
       	float: left;
       	clear: left;
       	-webkit-border-radius: 4px;
         	-moz-border-radius: 4px;
         	-ms-border-radius: 4px;
         	-o-border-radius: 4px;
         	border-radius: 4px;
       }
   
       #rightbar h2 {
       	font-weight: 400;
       	font-size: 16px;
       	color: #63C2C3;
       	margin-top: 0;
       	margin-bottom: 10px;
       	text-transform: uppercase;
       }
   
       #rightbar ul {
       	padding: 0;
       	margin: 0;
       	width: 100%;
       	float: left;
       	clear: left;
       }
   
       #rightbar ul li {
       	padding-top: 5px;
       	padding-bottom: 5px;
       	list-style: none;
       	width: 100%;
       	margin-top: 2px;
       }
   
       #rightbar ul li ul li {
       	border: none;
       	list-style: none;
       	margin-left: 0;
       	margin-top: 2px;
       	float: left;
       	clear: left;
       	width: 100%;
       }
   
       #rightbar ul li a {
       	border: none;
       	text-decoration: none;
       	-webkit-border-radius: 3px;
       	-moz-border-radius: 3px;
       	border-radius: 3px;
       	padding: 0;
       	color: #333;
       }
   
       #rightbar ul li a:hover {
       	text-decoration: underline;
       }
   
       #rightbar a {
       	text-decoration: underline;
       }
   
       #rightbar a:hover {
       	border: none;
       	text-decoration: none;
       }
   
       /* comments */
   
       #commentform {
       	margin:0;
       	padding:0;
       }
   
       #commentform p {
       }
   
       #commentform a {
       	text-decoration: none;
       	line-height: 14pt;
       }
   
       #commentform h3 {
       	font-size: 10pt;
       	font-weight: 400;
       	font-size: 14px;
       	text-transform: uppercase;
       	margin:0;
       	padding:0;
       }
   
       #comment {
       	width:80%;
       }
   
       #comments label {
       	float: left;
       	clear: left;
       	margin-top: 15px;
       }
   
       #author, #email, #url, #comment {
       	font-size: 11px;
       	padding:12px 16px;
       	border: solid 1px #eaeaea;
       	float: left;
       	clear: left;
       	margin-top: 0;
       	font-family: 'Open Sans', arial, sans-serif;
       	font-weight: 300;
       	-webkit-border-radius: 5px;
         	-moz-border-radius: 5px;
         	-ms-border-radius: 5px;
        	-o-border-radius: 5px;
         	border-radius: 5px;
       }
   
       #author, #email, #url {
       	height:16px;
       }
   
       #submit {
       	cursor:pointer;
       	font-family: 'Arvo', arial, sans-serif;
       	font-weight: 400;
       	padding: 12px 16px;
       	border: solid 1px #eaeaea;
       	float: left;
       	clear: left;
       	margin-top: 10px;
       	-webkit-transition: all 0.4s ease;
         	-moz-transition:    all 0.4s ease;
         	-ms-transition:     all 0.4s ease;
         	-o-transition:      all 0.4s ease;
       	background: none;
       	color: #333;
       	text-transform: uppercase;
       	-webkit-border-radius: 5px;
         	-moz-border-radius: 5px;
         	-ms-border-radius: 5px;
         	-o-border-radius: 5px;
         	border-radius: 5px;
       }
   
       #submit:hover {
       	background: #eaeaea;
       }
   
       #comments {
       	margin:0;
       	padding:0;
       }
   
       #respond h3,
       #comments h2 {
       	font-family: 'Arvo', arial, sans-serif;
       	font-weight: 400;
       	color: #63C2C3;
       	font-size: 16px;
       	text-transform: uppercase;
       }	
   
       .reply a.comment-reply-link {
       	border: solid 1px #eaeaea;
       	-webkit-transition: all 0.4s ease;
         	-moz-transition:    all 0.4s ease;
         	-ms-transition:     all 0.4s ease;
         	-o-transition:      all 0.4s ease;
       	-webkit-border-radius: 5px;
         	-moz-border-radius: 5px;
         	-ms-border-radius: 5px;
         	-o-border-radius: 5px;
         	border-radius: 5px;
       	padding: 4px 7px;
       	margin-top: 5px;
       	float: left;
       	clear: left;
       }
   
       .reply a.comment-reply-link:hover{
       	border: solid 1px #eaeaea;
       	background: #eaeaea;
       }	
   
       ol.commentlist {
       	list-style-type: none;
       	margin:0;
       	padding:0;
       	float:left;
       	margin-top: 15px;
       }
   
       .avatar {
       	float:left;
       	margin: 10px 20px 0 0;
       	width: 30px;
       	height: 30px;
       }
   
       ol.commentlist li.comment {
       	margin: 0;
       	padding: 4%;
       	list-style-type:none;
       	float: left;
           width: 90%;
       	margin-bottom: 20px;
       	border: solid 1px #eaeaea;
       	-webkit-border-radius: 5px;
         	-moz-border-radius: 5px;
         	-ms-border-radius: 5px;
         	-o-border-radius: 5px;
        	border-radius: 5px;
       }
   
       ol.commentlist li ul.children {
       	width: 80%;
       }
   
       ol.commentlist li ul.children li {
       	width: 100%;
       	border: none;
       	margin-bottom: 0;
       }
   
       ol.commentlist li.alt {
   
       }
   
       ol.commentlist li p {
       	margin: 6px 0 6px 0;
       	padding: 0 12px 0 0;
       	line-height: 14pt;
       }
   
       ol.commentlist a {
       	text-decoration: none;
       }
   
       cite {
       	font-family: arial, verdana, tahoma;
       	font-size: 9pt;
       	font-weight: bold;
       	font-style: normal;
       	}
   
       cite a {
       	color: #666;
       	text-decoration: none;
       	border-bottom: 1px dotted #666;
       }
   
       /* footer */
   
       #footer {
       	float: left;
       	clear: left;
       	width: 100%;
       	margin: 0;
       	padding-bottom: 40px;
       	font-size: 13px;
       	line-height: 150%;
       }
   
       #copyinfo {
       	width: 100%;
       	float: left;
       	clear: left;
       	text-align: center;
       	text-decoration: none;
       	font-size: 14px;
       	font-weight: 400;
       	margin-top: 8px;
       	margin-bottom: 50px;
       	font-family: 'Arvo', arial, helvetica, sans-serif;
       	color: #fff;
       	text-transform: uppercase;
       }
   
       #copyinfo a {
       	text-decoration: none;
       	color: #fff;
       }
   
       #socialize {
       	width: 100%;
       	float: left;
       	clear: left;
       	text-align: center;
       	margin-top: 40px;
       	margin-bottom: 20px;
       }
   
       a.socialicon {
       	width: 50px;
       	height: 50px;
       	text-align: center;
       	margin-right: 5px;
       	margin-left: 5px;
       	color: #fff;
       	display: inline-block;
       	background-color: rgba(255,255,255,.3);
       	-webkit-transition: all 0.3s ease;
         	-moz-transition:    all 0.3s ease;
         	-ms-transition:     all 0.3s ease;
         	-o-transition:      all 0.3s ease;
       	-webkit-border-radius: 50%;
         	-moz-border-radius: 50%;
         	-ms-border-radius: 50%;
         	-o-border-radius: 50%;
         	border-radius: 50%;
       text-decoration: none;
       }
   
       a.socialicon:hover {
       	color: #F6C934;
       }
   
       a.socialicon:before {
       	display: inline-block;
       	-webkit-font-smoothing: antialiased;
       	font: normal 16px/1 'Genericons';
       	line-height: 50px;
       }
   
       a.twittericon:before {
       	content: '\f202';
       }
   
       a.facebookicon:before {
       	content: '\f204';
       }
   
       a.linkedinicon:before {
       	content: '\f207';
       }
   
       a.dribbleicon:before {
       	content: '\f201';
       }
   
       a.pinteresticon:before {
       	content: '\f209';
       }
   
       a.flickricon:before {
       	content: '\f211';
       }
   
       a.vimeoicon:before {
       	content: '\f212';
       }
   
       a.youtubeicon:before {
       	content: '\f213';
       }
   
       a.tumblricon:before {
       	content: '\f214';
       }
   
       a.instagramicon:before {
       	content: '\f215';
       }
   
       a.googleplusicon:before {
       	content: '\f218';
       }
   
       @media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {
   
       	html {
       	    -webkit-text-size-adjust: none;
       	}
   
       	body {
       		text-align: justify;
       	}
   
       	.sf-menu {
       		display: none;
       		left: 0;
       	}
   
       	.mnav {
       		float: left;
       		width: 100%;
       		margin-top: 0;
       		margin-bottom: 20px;
       	}
   
       	.camera_effected {
       		font-size: 15px;
       	}
   
       	.servicespost{
       		margin: 0 auto;
       		float: none;
       		clear: none;
       		margin-bottom: 30px;
       		width: 90%;
       		margin-left: 5%;
       	}
   
       	.pagination span {
       		display: none;
       	}
   
       	.pagination .current {
       		display: inline-block;
       	}
   
       	#rightbar {
       		float: left;
       		clear: left;
       		margin-left: 0;
       		width: 100%;
       		margin-bottom: 25px;
       		margin-top: 12px;
       	}
   
       	#rightbar .widgets {
       		width: 90%;
       		padding: 4.5%;
       	}
   
       	#content {
       		width: 100%;
       	}
   
       }
       ```
   
 * this is the code …
    i added what you said but of no use. its frustrating. i dont
   know what is the issue.
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812715)
 * Hey again,
 * I don’t see the code added in your child theme style.css. Could you please make
   sure that you add the code at the very bottom of the file and then let me know
   so I can check it out.
 * Best regards,
    Bojan
 *  Thread Starter [mudiya2610](https://wordpress.org/support/users/mudiya2610/)
 * (@mudiya2610)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812716)
 * [@bojan](https://wordpress.org/support/users/bojan/) – WPMU DEV
    THANKSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
   ALOTTTTTT… It solved the problem. actually i was pasting this code in my child
   theme style.css… but then i downloaded the custom plugin and pasted this code
   there. Now it is working fine 😀 LAST question: If the theme is updated would
   that change this code working?
 *  Thread Starter [mudiya2610](https://wordpress.org/support/users/mudiya2610/)
 * (@mudiya2610)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812717)
 * i didnt add the code in my style.css…
    i only added in the SIMPLE CUSTOM plugin…
   would it make any difference ?
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812720)
 * Hey there mudiya2610,
 * If you added the code to either your child theme style.css or simple custom CSS
   plugin the changes will not be affected by the theme update 🙂
 * Glad I could help! Have a great weekend 🙂
 * Cheers,
    Bojan
 *  Thread Starter [mudiya2610](https://wordpress.org/support/users/mudiya2610/)
 * (@mudiya2610)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812789)
 * thankssssss:)

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Hovering over dropdown menu bar.Text overlapping’ is closed to new replies.

 * 7 replies
 * 2 participants
 * Last reply from: [mudiya2610](https://wordpress.org/support/users/mudiya2610/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/hovering-over-dropdown-menu-bartext-overlapping/#post-5812789)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics