X-social icons and wpml selector - header

[apxds]

Hi there,

I already had the wpml selector in the header and now I added the social media addresses for FB and Instagram but now they are not aligned. How can i fix that?

I have this code in my _topbar.php (child)

…
<?php x_social_global(); ?>

<?php do_action('icl_language_selector'); ?>

…

thanks

[nabeel]

Hi Andre,

Thank you for reaching out to us. To align your Topbar icons, please add the following code in the Theme Options > CSS:

.x-topbar .x-social-global, .x-topbar .wpml-selector {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.x-topbar .wpml-selector #lang_sel_list {
    height: auto;
}
.x-topbar {
    text-align: right;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[apxds]

Hi There,
Thanks!! that’s what i needed.
and thank you for the links, I’ll check them out.

[rad]

You’re most welcome!