Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1231626
    msf_nathan
    Participant

    Normal/hover states should be same throughout site. The custom links:

    http://msfglobal.net/_development/msfnew/#whatmotivatesus
    http://msfglobal.net/_development/msfnew/#whoweworkwith

    are showing blue on the homepage but functioning normally on the other pages (blog is only one set up currently).

    What is causing this?

    Thanks!

    #1231672
    Jade
    Moderator

    Hi there,

    Please add these values in the class field of the button that is not displaying correctly in the homepage: x-btn x-btn-alt x-btn-large.

    Hope this helps.

    #1231684
    msf_nathan
    Participant

    Hello,

    Sorry for the confusion. I’m referring to the custom links in the header menu: what motivates us and who we work with.

    http://msfglobal.net/_development/msfnew/

    They look different on the homepage than they do on the others – always showing in blue but blue should be the hover state.

    #1231846
    Rupok
    Member

    Hi there,

    It seems you mixed up One Page Navigation with normal menu item. Those section are within the page so it’s showing as active.

    Let’s add this to solve this for Home page :

    .home .menu-item-60 a, .home .menu-item-61 a {
      color: rgb(71, 71, 71)!important;
    }
    .home .menu-item-60 a:hover, .home .menu-item-61 a:hover {
      color: #4799d3!important;
    }

    That’s all I can suggest you for your case as you are mixing one page navigation.

    Cheers!

    #1231895
    msf_nathan
    Participant

    Thank you Rupok. I added the css but it is still showing the same. Thoughts?

    #1231931
    Joao
    Moderator

    Hi There,

    As you have a mixed menu of one page menu and a normal menu you will need to create two different menus on Appereance > Menus.

    One the home page menu, you will use just #whatmotivatesus instead of http://msfglobal.net/_development/msfnew/#whatmotivatesus

    Same for the other link.

    While the other menu, which you already have, will use the complete absolute link as now.

    Once you have created this menu with the links as described above, you will assign this menu on your home page as your one page menu, to do that you need to go to your home page, click edit page, once you are in your wordpress class editor, scroll down until you find : One Page Navigation, and select it.

    Hope it helps

    Joao

    #1232067
    msf_nathan
    Participant

    Makes sense.

    Thank you.

    #1232140
    Nabeel A
    Moderator

    Glad we could help.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1231626 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>