Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1091804
    yhshin1020
    Participant

    Hey,

    I need help with two things:

    first, i need to make my submenu the same font as my main menu

    second, i need to make the header items non-capital letter (just normal).

    Thank you!

    #1091809
    yhshin1020
    Participant
    This reply has been marked as private.
    #1091810
    Lely
    Moderator

    Hi There,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    #1091844
    yhshin1020
    Participant
    This reply has been marked as private.
    #1091859
    Joao
    Moderator

    Hi There,

    Add the following code to Appereance Customizer Custom CSS

    
    .x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li a {
          font-family: 'myriad-set-pro_thin';
    }

    Hope that helps

    Joao

    #1091868
    yhshin1020
    Participant

    Hey,

    that worked, but how about the capital letters?

    How do i make it non-capital?

    Also, how do i make the sub menu change to the same color as my main header item?

    thank you!

    #1091876
    Joao
    Moderator

    Hi There,

    Update the code above provided to:

    .x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li a {
      font-family: 'myriad-set-pro_thin';
      text-transform: none;
      color: #000;
      font-weight: 200;
    }
    

    Also adjust the font-weight according to your wishes.(100, 200, 300…)

    Hope that helps

    Joao

    #1091888
    yhshin1020
    Participant

    Hey,

    sorry i meant i want the sub header to have the same hover colour as my main menu items.

    so it would have the same gold when i have the mouse over it.

    thanks.

    #1091939
    Joao
    Moderator

    Hi There,

    You can use this code than.

    .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li a:hover {
     color: #eea904!important;
    }

    I recommend you checking your Customizer options as well to adjust your site, you have Header, Typography and all the other tabs a lot of options for customization that will help you adjust the looking of your website.

    Let us know if you need further help.

    Joao

    #1091965
    yhshin1020
    Participant

    Hey,

    Thanks, but when i hover over About the sub menu is always highlighted before my mouse enters it.

    Is there a fix for this??

    Thanks/

    #1091979
    Rupok
    Member

    Hi there,

    Kindly update the above cod ea bit :

    .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .sub-menu a:hover, .x-navbar .mobile .x-nav li a:hover {
      color: #eea904 !important;
    }

    Hope this helps.

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