Adding a menu item to the top left of the secondary nav bar

This topic has 8 replies, 2 voices, and was last updated 7 years, 2 months ago ago by Rose Tyler

  • Avatar: Su Flo
    Su Flo
    Participant
    August 30, 2017 at 11:16

    I am trying to add a menu item to the upper top left hand side of the secondary menu to replace the telephone number.

    Could someone please advise. Kind Regards, Su.

    7 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 30, 2017 at 12:05

    Hello,

    Could you provide screenshots for better understanding?

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 30, 2017 at 12:17

    Upper left banner where the phone number is. Also noticed the colour has changed from white to dark.

    Hope this helps.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 30, 2017 at 12:29

    Go to Appearance > Widgets > Left side top bar area.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 30, 2017 at 12:46

    Hi, Its good to see where the upper section is located and we hope the screen shot helped.

    However, we are asking how to connect items in the upper left navigation area with site pages? plus how do we change the font, size and colour of the menu item?

    Hope you can help.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 30, 2017 at 13:02

    Please provide screenshots, you may use such screenshot maker as Lightshot
    Go to Theme Options > Typography > Navigation.

    Regards

    Avatar: Su Flo
    Su Flo
    Participant
    August 30, 2017 at 13:23

    Hi Rose, The colour is now back to white. Going into the widgets we now know how to add a URL to new text, however how can we change the text colour, hover colour, size and its font? please.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 30, 2017 at 13:51

    You may add custom css code in Theme Options > Styling > Custom css, for example:

    .top-bar .languages-area a {
        color: red;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }
    .top-bar .languages-area a:hover {
        opacity:1;
        color: green;
    }

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.