Remove Arrows From Menu Bar

[alinagrace]

Hello!

I fear my customizer is not working properly after my update. I would like to remove the arrows from the navigation bar and there are other CSS codes that I have in my customizer that are not showing up in my website. When I go the customizer preview, everything works fine, but when I look at my site anywhere else, not of the customizations are there (the arrows, the shadow underneath the nav bar, etc.)

I currently have this code to remove my arrows.
.x-navbar .desktop .x-nav li>a>span:after {
display: none;
}

I will post my login as a private reply underneath.

Thank you for your help.

Alina

[alinagrace]

My website is solidrock.tv, thank you

[basanta]

Hi @alinagrace,

Thanks for writing in!

Can you please add this CSS to your theme Option -> CSS and let us know if that works.

.x-navbar .desktop .x-nav li>a>span:after {
display: none;
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

[alinagrace]

Yes. That is the exact code that I already have, and it is not working, which I stated in my initial post. Thank you for your continued help!

[Prasant]

Hello @alinagrace,

Thanks for updating the thread.

I have tested the code on my end and it’s working absolutely fine. I see that you are using W3 Total cache plugin, please clear all caches when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

Here’s a tutorial that you can follow to clear cache:

Collecting Emails with ActiveCampaign - SeedProd Knowledge Base

Thanks.

[alinagrace]

Hello! I’m so sorry again but I did take those necessary steps and the code still doesn’t work on either of my browsers or other computers.

It works in the preview page of the customizer but once I leave the preview page, all of my custom code does not work.

[basanta]

Hi @alinagrace,

Thanks for the confirmation!
I have added the css code to your child theme CSS file and its working fine now.

There might be a plugin conflict in your site which the theme option CSS is not working.
You can try deactivating third-party plugins.

THanks

[alinagrace]

Hello thank you again!

I’m still having some issues.
However, I’ll go through my plugins to see if that is the problem.

Thank you.

Alina

UPDATE: I updated a few things. It seems to be working now.

[Prasant]

Glad to hear that.