Hello,
Please add this code in custom.css file:
.top-bar .languages-area, .top-bar .languages-area .widget_icl_lang_sel_widget { width: auto; } .top-bar .wpml-ls-legacy-dropdown-click { width: auto; background: transparent; } .top-bar .wpml-ls-sidebars-languages-sidebar, .top-bar .wpml-ls-sidebars-languages-sidebar a, .top-bar .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover>a { background: transparent; border: none; color: #fff; } .top-bar .wpml-ls-sidebars-languages-sidebar a:hover { background: transparent; color: #fff; text-decoration: none; } .top-bar .wpml-ls-sidebars-languages-sidebar .wpml-ls-sub-menu {border: 1px solid;background: rgba(255, 255, 255, 0.2);} .top-bar select { line-height: 1; width: auto; height: auto; margin: 0; border: none; background-color: transparent; color: #fff; padding: 0; font-weight: 200; outline-offset: 0; } .fixed-header .menu > li > a:hover:after, .main-nav .menu > li > a:hover:after, .fixed-header .menu > li.current-menu-item > a:after, .main-nav > li.current-menu-item > a:after { background: #9c81b8; } .fixed-header .menu > li > a:after, .main-nav .menu > li > a:after { transition: all 0.2s linear; content: ''; height: 2px; position: absolute; width: 100%; background: transparent; top: 0; } .my-account-link:before, .logout-link:before, .login-link:before, .register-link:before, .checkout-link:before { color: #fff; } .header-wrapper .top-bar .side-area-icon i:before { color: #fff; }
How to create custom.css you can watch in this tutorial – https://www.youtube.com/watch?v=Qok2zRedRMY. Widgets of top bar you can change in Appearance > Widgets > Place in header top bar. Read more in our documentation – https://www.8theme.com/demo/docs/legenda/#!/widgets
Regards
