Nav Menu
-
Hi
I would like to change the nav menu so it shows the main image on the background. How would I do this ?
-
can you explain more ?? so i can understand better & help you ?
Hi
I would like the nav menu be transparent and float over the main header picture.
you have to change background color to transparent from this
#header.skehead-headernav.skehead-headernav-shrink { background: none repeat scroll 0% 0% rgba(255, 255, 255, 1); }to
#header.skehead-headernav.skehead-headernav-shrink { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.12); }this will make your header transparent when you scroll …ask if you have other questions…….
but this change make navigation text unclear
Hi
This is what I have in the header side
body.page-template-template-front-page-php #main{margin-top:0 !important;}
#header-top { background: none repeat scroll 0 0 #2e383e; height: 26px; padding: 12px 0; }
#header-top .span3,#header-top .topbar_info{float: right;}
#header { padding: 0; position: relative; z-index: 9999; box-shadow: 3px 0 2px rgba(0, 0, 0, 0.5);}
#header.skehead-headernav.skehead-headernav-shrink{position: fixed;}
.skehead-headernav{ left: 0;top: 0;width: 100%;z-index: 200; }
.skehead-headernav .logo{margin-top:1px;max-width: 100%;height: 77px;}
#logo {transition: height 0.3s ease 0s, line-height 0.3s ease 0s; margin-top: 5px; margin-bottom: 5px;position: relative;max-height: 62px;}
#logo #site-title { margin: 0px; font-size: 18px;}
#logo #site-title a { color: #313131;font-size: 30px;font-weight:300; margin-top: 5px; text-decoration: none; text-transform: capitalize; line-height: 40px; display: inline-block; }
#logo #site-description { color: #666; font-size: 12px; line-height: 15px;position: absolute; left: 2px;}
#skehead .sub-menu{display:none; border-top: 1px solid #CCCCCC;}
.bottom-shadow { background: url(“images/header_shadow.png”) no-repeat scroll 0 0 transparent; display: block; height: 25px; margin-bottom: 15px; margin-top: -10px; position: relative; width: 869px; }
.header-cart { background: url(“images/cart.png”) no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 30px; position: relative; width: 40px; }
.header-cart > a { background: none repeat scroll 0 0 #1abc9c; border-radius: 15px; color: #fff; display: block; font-size: 10px; height: 14px; line-height: 13px; padding: 0; position: absolute; right: 0; text-align: center; top: 0; width: 14px; }
.ad-slider-image{width:100%}
.advertica-image-post { line-height: 0;}Satish
Do you have an email I will be happy to pay for this to be sorted.
satishpandit, Again, please never ask people to contact you from these forums. If you can’t answer the thread then so be it.
Please try one of the following sites:
This topic has now been closed as per the Forum Rules
The topic ‘Nav Menu’ is closed to new replies.
