Return to previous page

Problems in the header - by AdSh - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

AdSh

Participant

April 4, 2018 at 13:01

Hi,

I have some problem in the header.
In the attachment your will find my target (how my website should be) and another attachment shows the current home page on my website.

Target: https://www.dropbox.com/s/z67ics5jv4f6ird/Target.png?dl=0
Home page: https://www.dropbox.com/s/solm83dgpfkp63x/Myweb.png?dl=0

Please let me know how to solve these problems.

Thanks

#190256 Copied

1 Answer

Rose Tyler

Support staff

April 4, 2018 at 14:28

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

#190270 Copied