Header builder css help + wpml

[Pbalazs89]

Hi there,

Q1:

I’m building a header here:

http://www.coachingandfamily.com/

The issue is, I needed to create a new menu for the language switcher and needed to add an empty item, which I did. But since I added a background to the header, there’s a small element next to the language switcher. What is the easy / right way to remove this?

Next to the language switcher there’s an icon, making the container a bit bigger. The dropdown menu isn’t the same width, making it look a bit weird, what is the best way to make them the same width?

Q2:

http://www.coachingandfamily.com/

Courses section near the bottom of the page, how can I position these in the middle? Can’t figure it out.

Thanks!

Thanks!

[Alaa]

Hi @Pbalazs89

Thanks for writing in!

• Regarding the first question, please add this JS snippet in (Theme Options > JS):

jQuery( document ).ready(function($) {
    jQuery('li.wpml-ls-first-item').prev().hide();    
});

Also, add this CSS snippet in (Theme Options > CSS):

.wpml-ls-first-item .wpml-ls-menu-item .x-anchor-text {
    margin: 4px auto!important;
}
.wpml-ls-first-item .x-dropdown {
    width: 3.8em;
}

• For the second question, if that’s the section you mean:
  

Then please modify the code you added for the custom class width75 to be like this:

.width75 {
    width: 33% !important;
    display: inline-block;
    float: none;
}

Also, add another custom class to the parent row holding both columns, and give this custom class these CSS properties:

.custom_class {
    margin: 0 auto;
    text-align: center;
}

Thanks.

[Pbalazs89]

@Alaa

margin: 0 auto;
text-align: center;

Thanks a bunch!

[christian]

You’re welcome.