Okay
  Public Ticket #2680106
Top bar and menu adjustments
Closed

Comments

  • Marcellkox started the conversation
    February 3, 2021 at 2:19pm

    I want to make some adjustments to the top bar and the menu. But don't know how to fix this.

    I added a picture of the current and desired situation.

    Can you help me with this?

    Thanks

  •  2,963
    Andrew replied
    February 3, 2021 at 2:29pm

    Hi Marcellkox,

    Please share a link to your website so that we see possible css.

    Thanks.

  • Marcellkox replied
    February 3, 2021 at 2:30pm

    the website is www.fiducialis.nl

  •  2,963
    Andrew replied
    February 3, 2021 at 3:25pm

    Hi Marcellkox,

    Use the following custom css in Salient > General settings > CSS/Script related:

    #header-secondary-outer .container nav {
    display: flex;
    flex-direction: row-reverse;
}

    Kind regards.

  • Marcellkox replied
    February 4, 2021 at 8:14am

    Thanks,

    As you can see, the social Icons are in the right corner now, but the telephone number and email adres are still in the middle. Is it possible to have this also on the right corner?

    Kind regards.

  •  2,963
    Andrew replied
    February 4, 2021 at 8:22am

    Hi Marcellkox,

    Please try this css:

    #header-secondary-outer .nectar-center-text {
        left: 67%;
    }

    Thanks.

  • Marcellkox replied
    February 4, 2021 at 8:42am

    Thanks, that works.

    Is it possible to have a separator in the menu, like this /?

    Now I placed "/" in the menu text itself like Home/   Over Fiducialis/.

    But this doesn't look nice, I rather have / outlined in the middle of Home and Over Fiducialis. 

    www.fiducialis.nl

  •  8,848
    Tahir replied
    February 4, 2021 at 11:21am

    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):

    #header-outer ul.sf-menu.sf-arrows > li:not(:last-child):after {
    content: "|";
}

    Thanks

    ThemeNectar Support Team 

  • Marcellkox replied
    February 4, 2021 at 12:04pm

    Thanks,

    It works.

    In the attached image, you see that Home is Bold. Is it possible to have it like that?

    Kind regards


  •  2,963
    Andrew replied
    February 4, 2021 at 1:18pm

    Hi Marcellkox,

    Try the following css:

    #header-outer[data-lhe="animated_underline"] #top nav > ul > li:not(.menu-item-527) > a {
    font-weight: 100;
}

    Kind regards.