Docs

[michael1967]

Hi

1. I want to add menu items to my topbar but cant seem to find how to do this.
2. One of the menu items needs to re-direct to another Xtheme website but can’t get it to do that

Please help
Many thanks
Michael

[Lely]

Hello Michael,

To assist you with this issue, we’ll first need you to provide us with your URL and a screenshot of what you want to achieve. 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.

[michael1967]

Hello

the url is http://www.wholebrainlearning.co.uk I’ve also attached a screenshot of home page.

The top bar by default has attached 2 social icons (see top right corner). I am trying to delete them and add the following menu items:

– About us
– Log in
– Support

Also I wanted the “log in” menu item to redirect when clicked to the following URL: http://wholebrainlearning.training/wp-login.php

I have tried to work it out but I’m stumped
Thanks for your help
Cheers
Michael

[michael1967]

screenshot

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-topbar .x-social-global {
display: none;
}
}

Than go to Appereance Customizer Header Tobar Bar Content and add

<a href="#holder">HOURS</a> | <a href="#holder">DIRECTIONS</a> | <a href="#holder">CONTACT</a>

Change HOURS DIRECTIONS CONTACT for the label you want and # for the URLs

Hope that helps

Joao

[michael1967]

Hi

I can get the tabs to show but how do I get them to the align right instead of left?
Also how do I add the URL links for these tabs? When you click on them they dont respond

[michael1967]

also the social buttons havent gone

[Joao]

Hi

Your social icons are gone, please clean your browser cache and test it again.

To float the links to the right, please add the following code to Appereance Customizer Custom CSS

.x-topbar .p-info {
    float: right;
}

You need to change the parts of the code where it says #holder for the url

for example

<a href="#holder">HOURS</a>

wil become

<a href="http://www.google.com">HOURS</a>

Hope it helps

joao

[michael1967]

thank you, brilliant that works

… nearly there. Is it possible to increase the spacing between the tabs as they are all bunched together

[Joao]

Please add the following code to Appereance Customizer Custom CSS

.x-topbar .p-info a {
    margin-left: 10px;
    margin-right: 10px;
}

Hope it helps

Joao

[michael1967]

Joao … thank you for your patience and help. It all works. Cheers

[Joao]

You are always welcome! 🙂

[Author]

Posts