Docs

[Nina M]

Hi, I’m having trouble removing the borders/shadow-box effect from around my header, nav bar – attached is an image and here’s what is posted in my custom css:

(Basics – using Integrity – header fixed, stacked)

CSS:

.x-navbar-wrap {
position: relative;
z-index: 99;
}
}

.archive .x-landmark {
display: none;
}

footer.x-colophon.top {
margin-bottom: -25px !important;
}

a.x-brand.img {
position: absolute;
top: 15px;
left: 60px;
z-index: 99999;
}

.x-menu-item-woocommerce a.x-btn-navbar-woocommerce {
padding-top: 15px !important;
}

.x-menu-item-woocommerce a.x-btn-navbar-woocommerce {
padding-top: 15px !important;
top: -10px;
left: 80px;
}

@media(min-width: 980px) {
.x-brand.img {
position: absolute;
top: 0;
left: 480px;
z-index: 99999;
}
}

.top-menu {
float: left;
}

.top-menu ul {
margin: 0;
}

.top-menu li {
display: inline-block;
}

.x-social-global .cart {
color: #5d215d;
}

.x-breadcrumb-wrap {
background-color: white;
border: none;
box-shadow: none;
/* this removes the border */
}

[Jade]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Nina M]

NEVERMIND – GOT IT! THANKS!

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts