Docs

[russellsmith289@gmail.com]

I have two pages on my site – Home and Blog. In the menu I have links to rows on the Home page and to the Blog page. When I am on the Home page all of the menu links to rows on that page are underlined. This started happening when I added the Blog link to the menu. Please can you tell me what I should do to have it back how it was? My site is ajairu.org.uk. Thanks!

[Darshana]

Hi there,

Thanks for writing in! You have the following custom CSS rule.

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: 0 2px 0 0 #015cab;
}

Please change it as follows.

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span {
    box-shadow: 0 2px 0 0 #015cab;
}

Hope that helps.

[russellsmith289@gmail.com]

Thanks for the quick response. How/where do I change custom CSS rules? Sorry to ask but I’m a beginner!

[Prasant Rai]

Hello Russell,

Thanks for writing in!

You can place the CSS code shared by our staff under Custom > CSS in the Customizer.

Thanks.

[russellsmith289@gmail.com]

Thanks. I just did that but it hasn’t worked. I don’t know what else to try, are you able to suggest?

[Christian]

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[russellsmith289@gmail.com]

This reply has been marked as private.

[Joao]

Hi There,

Thanks for writing in.

This is because you used the full URL for your One Page menu items. Please create a separate menu for it and only use the fragment identifier like #about. You Primary Menu will still be the menu that you’re using right now. You just need to duplicate it and modify the URL of the One Page menu items to use fragment identifier only.

So That is how you will do it:

1- Create another menu just like you did but instead of using the full links for the links (http://ajairu.org.uk//#sectionID) you will use just #SectionID

This menu you will assigned to the page that you have all this on page links.

The menu that you already have created you will use for your Blog page, just as it is. You can change the name if that will make more sense.

To select which menu to use, click Edit page and scroll until you found One Page Navigation menu. Overthere you will be able to select any of the menus you have created. At the moment you just have the option to choose the only menu which you created and as it contained the full links not just the #ID all the navbar icons are hightlighted.

Please refer to the page if you need more info:

https://community.theme.co/kb/how-to-setup-one-page-navigation/

Hope that helps,

Joao

[Author]

Posts