Arrow in the Menu

[PDPK]

Hello,
can you help me, please, on https://pdpkapp.com

In NavBar, how can I delete the Arrow for SubMenu?

And also, in the SubMenu, how can I delete the line in the between?

Best regards,

Mauro

[rad]

Hi @PDPK,

Thanks for reaching out.

Since you’re on X theme then it’s only doable with custom CSS. Please add this CSS to your global custom CSS (Theme Options > CSS).

.x-navbar .desktop .x-nav li>a>span:after {
display: none;
}
.x-navbar .desktop .sub-menu li:before, .x-navbar .desktop .sub-menu li:after {
   background-color: transparent;
}

Thanks!

[PDPK]

Hello Rad,
Thank you for your help.

On my test site, your CSS work fine.

I need to ask you also one more CSS, please.

Always in NavBar, how can I delete the Underline on the current page?

Best regards,

Mauro

[Prasant]

Hello @PDPK,

Thanks for updating the thread.

You can add following CSS under X > Theme Options > CSS:

.x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

[PDPK]

Thank you @Prasant,
your CSS work fine too.

I need one more CSS, please, always on the NavBar to delete the Underline not in the current page, but on the other page when I make hover with the mouse.

Best Regards,

Mauro

P.S. Thank you for the link too!

[Prasant]

Hello @PDPK,

Thanks for updating the thread.

You can add following CSS under X > Theme Options > CSS:

.x-navbar .desktop .x-nav > li > a:hover > span {
    box-shadow: none !important;
}

.x-navbar .desktop .x-nav > li.x-active > a > span {
    box-shadow: 0 2px 0 0 rgb(73, 157, 240);
}

Thanks.

[PDPK]

@Prasant,
thank you for your help today!

Everything work fine!

Mauro

[Prasant]

You are most welcome.