[WoordenaarParticipant]

Hi there

I’m currently creating a new website. I have added 3 menu items in the topbar (just links actually, but they appear as a secondary menu).

I added this to the topbar under customizer > header > topbar:

About Us | Blog | Contact/Showroom

This menu is located on the right side of the topbar. I’ve used this under Customizer > Custom > CSS:

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

I also have a WPML custom language switcher on the left side of my topbar.

Right now, this language switcher is not horizontally aligned with my secondary menu, so it is not on the same height as my secondary menu. How could I have both items on the same height? I would like to have both the language switcher and the secondary menu on the same height as the secondary menu, so completely on the top of the page…

I will send you my site details in a private post.

Your help would be greatly appreciated! 🙂

[WoordenaarParticipant]

Whoops! the “b-quote” I used in the post above generates the html code. To be sure that you understand, and for all other people wanting a topbar with secondary menu, this is what I added under customizer > header > topbar:

About Us | Blog | Contact/Showroom

[WoordenaarParticipant]

Ok third time, correct I hope (using the “code” option here):

<a href="#">About Us</a> | <a href="#">Blog</a> | <a href="#">Contact/Showroom</a>

[WoordenaarParticipant]

This reply has been marked as private.

[WoordenaarParticipant]

This reply has been marked as private.

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-topbar .wpml-selector {
    width: auto;
    float: left;
}

Hope that helps

[WoordenaarParticipant]

Thanks! Worked like a charm 🙂 But since the language switcher has a diffeent font than the secondary menu, they are still not exactly on the same height. Is there an easy fix to display both the language switcher and the secondary menu in the same font and same font size? (I like the font of the secondary menu best)

[ThaiModerator]

Hi There,

Please add the following CSS:

.wpml-ls-statics-shortcode_actions a {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 1.3;
}

Hope it helps 🙂

[Author]

Posts