Okay
  Public Ticket #2978721
Adding text to the navigation bar
Closed

Comments

  •  5
    VictoryDesignCo started the conversation
    February 10, 2022 at 9:58pm

    Hello! I need to add text to a navigation bar on a client site. I can see the option to do this but its putting the text on the right of the button and I need it on the left of the button so it reads as a sentence. 

    I've included a screen shot of what I need to do. The image is the same idea but created with a nav menu item. 

    If there is a way to have the nav bar text come before the right-side menu items, that would be ideal. OR alternatively another solution.

    Thanks!

  •  2,958
    Andrew replied
    February 11, 2022 at 4:44am

    Hi there,

    Kindly send a link to your site so that I can assist with your request.

    Thanks

  •   VictoryDesignCo replied privately
  •  1,877
    Judith replied
    February 11, 2022 at 2:56pm

    Hi There,

    Please send in your wpadmin login credentials so that we can check this out further.

    Thanks.

  •   VictoryDesignCo replied privately
  •  1,877
    Judith replied
    February 11, 2022 at 3:18pm

    Hi There,

    Please try adding from here:

    6931676503.png

    Thanks.

  •  5
    VictoryDesignCo replied
    February 11, 2022 at 3:23pm

    Hi Judith,

    I've tried that previously but it puts the text on the right side of the button, I would like to put it on the left side as shown in my example.

  •  1,877
    Judith replied
    February 11, 2022 at 3:31pm

    Hi There,

    Please try this css:

    li.nectar-header-text-content-wrap {
        left: -23vw;
    }
body.material #header-outer:not([data-format=left-header]) #top nav>.buttons>li {
        margin: 14px -75px;
    }

    Thanks.

  •   VictoryDesignCo replied privately
  •  1,877
    Judith replied
    February 11, 2022 at 3:53pm

    Hi There,

    Please check it out now. We have added it as a menu item and made it non clickable.

    Thanks.

  •  5
    VictoryDesignCo replied
    February 11, 2022 at 4:11pm

    Youre the best! Thanks Judith, I appreciate it.

  •  5
    VictoryDesignCo replied
    February 11, 2022 at 4:12pm

    So sorry.. one last thing. The magnifying glass icon for search is over the button now. Sorry!

  •  5
    VictoryDesignCo replied
    February 11, 2022 at 4:15pm

    I fixed it! It was the custom CSS. I was trying to adjust before. Ive deleted it.

  •  5
    VictoryDesignCo replied
    February 11, 2022 at 4:17pm

    One LAST thing.. I promise. I want to bold that line that we made a button. Is that possible?

  •  1,877
    Judith replied
    February 12, 2022 at 7:24am

    Hi There,

    We are no longer able to access your website, please check it out or resend a working url.

    Thanks.

  •   VictoryDesignCo replied privately
  •  1,877
    Judith replied
    February 14, 2022 at 5:01pm

    Hi There,

    Please share a screenshot of the line you are referring to.

    Thanks.

  •  5
    VictoryDesignCo replied
    February 14, 2022 at 5:04pm

    Help support ALS research is the text that i'd like to bold. 

    Thanks!

  •  8,839
    Tahir replied
    February 14, 2022 at 7:06pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    #top nav > ul > li#menu-item-5902 >a {
    font-weight: bolder !important;
}

    Thanks

    ThemeNectar Support Team 

  •  5
    VictoryDesignCo replied
    February 15, 2022 at 3:36pm

    Excellent. That worked perfecty.. I appreciate your help!