Docs

[genesistraders]

I have tried about a dozen different CSS customizations through previous posts in this forum to no avail.
I am trying to remove the nav bar shadow (the line under my links in the header navigation)
I would like it removed for both active and on hover.

Thanks

http://www.genesistraders.com

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-navbar.x-navbar-fixed-top {
    border-bottom: 0 !important;
}

Thanks.

[genesistraders]

Hi,

Thanks, but the CSS provided, did not work.

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

Thanks

[genesistraders]

Hi Joao,

Thanks but that also did not work

[Jade]

Hi there,

I tried checking your site but it seems to be inaccessible at the moment.

[genesistraders]

Hi Jade,

We upgraded our hosting plan today on HostGator and implemented an SSL cert so that we can process payments securely. When we did that, it broke our connection to CloudFlare DNS. We were told by HostGator it would not work having DNS through them unless we purchased an SSL from them so that there is an SSL on both sides. So instead we just moved the DNS back to HostGator.

Will update you once the DNS changes propagate and the site is again accessible

[genesistraders]

The site is back online and available.
If you could continue troubleshooting the Navbar shadow it would be appreciated.

Thanks!

[genesistraders]

Hello!

Thanks for everyones help.
I ended up figuring it out by trying some CSS from someone elses website.
Here is what I used to fix it:

.x-navbar{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
border: 0px;
background: transparent;
overflow: hidden;
box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 3px 2px;

}

[genesistraders]

ahhh! I guess I did not fix it.
The padding was just hiding it.
So the issue still remains :/

[genesistraders]

Ok so I did finally get it!
Here was the final fix after trying around 20 different attempts:

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > .sfHover > a, .x-navbar .x-nav > .current-menu-item > a {
-webkit-box-shadow: 0 0 0 0 !important;
box-shadow: 0 0 0 0 !important;
color: #009DE3 !important;
}

the navbar is now as desired.

thanks again!

[Friech]

Glad you sorted things out, feel free to get in touch with us regarding any further queries about the X|Theme and Cornerstone.

Cheers!

[Author]

Posts