Top Bar Alighment

Screenshot
https://s17.postimg.org/kpqyy7b3z/top_bar.png

Hey Cindy,
Is it possible for you to share a link? I should be able to help you out with some CSS to fix this.

-Kevin

My site is not live, but I shared a screen shot.

Try adding this CSS to Theme Options> Advanced Settings:

.kad-topbar-right .textwidget {
    width: 50%;
    padding-top: 5px;
}

.kad-topbar-right .virtue_social_widget.clearfix {
    width: 50%;
    float: right;
}

If this doesn’t work, let me know when the site is live and I’ll try the CSS again.

-Kevin

It didn’t work. ??

Hi Kevin,

Our site is live now – you can see it at lnhadultlearning.ca
Using your supplied CSS, I am now able to get them lined up horizontally. I’m wondering if there is a way to put one on the far left and one on the far right? (email and phone number justified left)

Thanks in advance.

Try adding this CSS to Theme Options> Advanced Settings:

.kad-topbar-right {
    width: 100%;
}

Let me know if that works for you!

-Kevin

You’re the man, Kevin! Thank you, that worked perfectly!

Hi Kevin,

On mobile, our phone number in the top bar is “hidden”, in that it appears to either be the same colour as the top bar, or is in some other way invisible. It is definitely there, because if you click on the spot where it should be, the phone number option to “call” pops up.
This is only an issue on the mobile version – on a phone it is below, on a tablet it is beside – but with both it is there, just hidden.
I’m wondering if this is somehow related to the alignment code we added (above)?
The site is live at: https://www.lnhadultlearning.ca
Thanks in advance!

Are you viewing in Safari? It automatically changes phone numbers to links.

I found this CSS from another website that should fix this. Try adding to Theme Options> Advanced Settings and let me know if it works for you:

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

-Kevin

Kevin! You are the best. Yes, I was viewing on an iPhone and iPad – hadn’t checked on Android mobile devices.
Your code worked perfectly. Thank you!