Just go into your XML file and search for:
".navtab ul"
here add the following css - command:
padding-top: 25px;
it should look like this:
Code:
.navtabs ul {
/* background: {vb:stylevar navbar_background.backgroundColor}; */
position:absolute;
padding-top: 25px;
top:{vb:math {vb:stylevar navbar_tab_size.height}px + {vb:stylevar navbar_padding.paddingTop}};
{vb:stylevar left}:0px;
width:100%;
border-top:{vb:stylevar navbar_tab_border};
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
margin-{vb:stylevar right}:-{vb:stylevar navbar_tab_size.width}px;
/* This is to fix RTL menu issue under Opera */
direction:ltr;
}
then search for:
".navtabs li a.navtab"
here add the following css - command:
position: relative;
z-index: 11;
it should look like this:
Code:
.navtabs li a.navtab {
border-top: {vb:stylevar navbar_tab_bevel};
border-{vb:stylevar left}: {vb:stylevar navbar_tab_bevel};
display:block;
background:{vb:stylevar navbar_tab_background};
_background-image:none;
min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
width:auto !important;
width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
_min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
_width:auto !important;
_width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
text-align:center;
color: {vb:stylevar navbar_tab_color};
font:{vb:stylevar navbar_tab_font};
text-decoration:none;
line-height:{vb:stylevar navbar_tab_size.height}px;
position: relative;
z-index: 11;
}
this should fix the problem.