Docs

[alamtfuerwerbung]

Hi, is it possible to change the active link box shadows form.

Home

It is a thin line at the moment. Can i change this to a triangle for example.
And the line is wide as the navigation item box. Can I make the line smaler.

Thanks for help
Andre

[Thai]

Hi Andre,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.x-navbar .desktop .x-nav > .current-menu-item > a,
.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a {
  position: relative;
  overflow: hidden;
  box-shadow: none; 
}
.x-navbar .desktop .x-nav > .current-menu-item > a:before,
.x-navbar .desktop .x-nav > li > a:hover:before, 
.x-navbar .desktop .x-nav > .x-active > a:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  background: #f1a634;
  transform: rotate(45deg); /* Prefixes... */
  top: -25px;
  left: 50%;
  margin-left: -15px;
}

http://i.imgur.com/PWHGsGC.png

Hope it helps 🙂

[alamtfuerwerbung]

That is great.
Is there a choice of different elements which can be used for the border?

If yes could u kindly tell me where I can find an overview?

Thx
Andre

[Christian]

Regretfully, no. You need CSS to achieve this.

Thanks.

[Author]

Posts