Nav Menu

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.

https://www.hyper1webdesigns.co.uk/morethan

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:

• https://jobs.wordpress.net/
• https://directory.codepoet.com/

This topic has now been closed as per the Forum Rules