Resolved Trying to remove the box in navabr

[xavaireland 2]

I am trying to do something similar at http://dev.xava.ie/s...outofyourshadow - I want to remove the transprent box around the navbar - I have added the following:

.navbar {

-webkit-box-shadow: 0;

-moz-box-shadow: 0;

box-shadow: 0;

}

.navbar.pl-color-black-trans {

border: 0px none;

margin-left: 22%;

height: 30px;

background: none repeat scroll 0% 0% transparent;

margin-top: -3.6%;

width: 75%;

padding-left: 6%;

}

It still leaves a transparent box in place and in IE - I still get a black bopx on the navbar.

I have also removed the following from the navbar/style.less in the child theme -

box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 3px rgba(0, 0, 0, 0.25);

color:rgba(255,255,255,.7);

&.navbar-content-width{

.border-radius( 4px );

}

Please help.

[catrina 103]

Can you please post a link to your site?

[xavaireland 2]

http://dev.xava.ie/steppingoutofyourshadow

[batman 389]

Hi xavaireland

Please you can try with

.navbar { box-shadow: none;}

[James B 436]

Hi there, please let us know if Batman's solution worked for you or if you require further assistance.

[xavaireland 2]

Batman thanks my issue is now resolved Very Happy now!

[Danny+ 1,327]

The topic was marked as resolved.

[xavaireland 2]

Apologies for more posts but the issue is not resolved for IE9 - Please make some suggestions.

[xavaireland 2]

PLease ignore I fixed it by adding - filter:alpha(opacity=100); /* For IE8 and earlier */