Issues with Menu Colour Scheme & Contact Bar

[polestardigital]

Hi,

I’ve had some problems with the menu colour scheme I’d like to make the highlighted colour the same as the main theme (see attached). How do I do this?

Contact Bar
– How do I just show the phone no. + email address on the left hand side? (currently it’s formatted strangely)
– I’d like to increase the size of the phone number and email address. How do I do this?
– Can I add mailto: and tel: markup to the contact details here? If so, how?

Please assist.

Regards,
Ned

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Regarding the 1st issue add the code below to your custom css option.

nav#main-navigation .menu > li > a span.nav-line {
    background-color: #1bbeb4!important;
}

Contact Bar
1)

You can’t have the contact text on the left since you have the Welcome and Super search already. We can align it to the right.
https://www.dropbox.com/s/nlwl2z8xf3x5diw/Screenshot%202015-08-28%2011.23.12.png?dl=0

2)
to increase that text add this code.

.tb-right .tb-text.clearfix {
    font-size: 14px!important;
}

3) Already done that for you. Maybe you will have to add the phone country code.

-Rui
-Rui

[polestardigital]

Thanks for this guys.

Having added the custom CSS you suggested, I’m still seeing the blue in the menu bar (I want this to be all orange #FF7A01).

Also, the top bar still isn’t aligned fully right, but instead sitting just off centre.

Would appreciate any input!

Thanks,
Ned

[Mohammad – SUPPORT]

Hi,
Please use also this custom css code:-

nav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a, #mobile-menu .menu ul li.current-menu-item > a, nav .menu li.current-scroll-item > a{
color:#FF7A01 !important;
}

.tb-right .tb-text.clearfix {
  float: right !important;
}

Thanks
Mohammad

[polestardigital]

That’s worked great.

Thanks again for the super support!

[Mohammad – SUPPORT]

Hi,
Glad 🙂 to help you.
Mohammad